
搭建个人网站
使用Hexo的Nexmoe主题搭建GitHub个人网站
前期准备
- 安装Node.js:Hexo基于Node.js,需要先安装 Node.js
- 安装Git:用于版本控制和部署到GitHub
- GitHub账号:注册一个GitHub账号
安装Hexo
打开终端/命令行,安装Hexo:
1
npm install -g hexo-cli
初始化Hexo项目:
1
2
3hexo init myblog
cd myblog
npm install
安装Nexmoe主题
在Hexo项目目录下克隆Nexmoe主题:
1
git clone https://github.com/theme-nexmoe/hexo-theme-nexmoe.git themes/nexmoe
修改Hexo配置文件
_config.yml
:1
theme: nexmoe
安装主题依赖:
1
npm install hexo-renderer-pug hexo-renderer-stylus --save
配置GitHub Pages
在GitHub上创建新仓库,命名为
用户名.github.io
(用户名替换为你的GitHub用户名)安装hexo-deployer-git:
1
npm install hexo-deployer-git --save
修改Hexo配置文件
_config.yml
,添加部署配置:1
2
3
4deploy:
type: git
repo: https://github.com/用户名/用户名.github.io.git
branch: main
配置Nexmoe主题
复制主题配置文件:
1
cp themes/nexmoe/_config.example.yml themes/nexmoe/_config.yml
编辑
themes/nexmoe/_config.yml
进行个性化配置,如:- 修改菜单
- 设置社交媒体链接
- 配置头像和个人信息
创建内容
创建新文章:
1
hexo new "我的第一篇文章"
编辑
source/_posts/我的第一篇文章.md
文件
本地测试
1 | hexo clean |
访问http://localhost:4000
查看效果
部署到GitHub
1 | hexo clean |
部署完成后,访问https://用户名.github.io
即可看到你的网站
后续维护
- 每次更新内容后,重复”本地测试”和”部署到GitHub”步骤
- 建议将Hexo源文件也推送到GitHub的另一个仓库进行备份
进一步的主题配置不再赘述,请自行查看官方文档。
github国内可能无法访问,尝试使用watt toolkit
好了,以上就是全部文章,希望能够帮到你。若你觉得文章有用,在评论区多多评论吧!或者你可以评论数字1-4,分别对应下图蕾娜的表情。
1 没啥用… 2 哈哈哈,从未见过如此搞笑的文章! 3 哇,真有用,好惊讶 4 哇,写的真好!
评论1和2的去吃蕾娜的Salmiakki糖去!