58.用Hexo制作个人博客

字数统计: 503   |   阅读时长≈ 2 分钟

Hexo官网：https://hexo.io
Hexo主题Ayer：https://github.com/Shen-Yu/hexo-theme-ayer
Git官网：https://git-scm.com
Node.js官网：https://nodejs.org

1.安装Git和Node.js

访问Git官网和Node.js官网，Git下载64位版本即可，Node.js下载长期维护版(LTS)，如无特殊需求，两个组件均一直按下一步按照默认的安装就可以。
桌面右键菜单有Git选项就是安装成功。在CMD中输入node -v如果有显示版本号则Node.js也安装成功

2.安装Hexo

先新建一个文件夹，进入新建的文件夹中选择右键菜单的Git Bash Here，在出现的Git窗口中文件路径会显示为刚才新建文件夹的路径。接着依次输入下面的命令

1
2
3
4
5
npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo s

命令执行完成后访问Git窗口中出现的网址(localhost:port)即可浏览刚刚创建好的博客网站

3.添加一篇文章

在blog文件夹中选择右键菜单的Git Bash Here，输入下面的命令创建新文章

1
hexo new "文章的标题"

创建好的文章在blog –> source –> _posts文件夹中，文章为Markdown文件

4.生成文章的网页文件

输入下面的命令，将新文章的md文件生成为网页文件

1
hexo g

如需查看用hexo s命令

5.更换Hexo的主题(非必要步骤)

这里以Ayer主题为例子，别的主题请参考对应说明文件
Ayer主题使用说明：https://shen-yu.github.io/2019/ayer

1.进入blog文件夹并选择右键菜单的Git Bash Here输入下面的命令

1
git clone https://github.com/Shen-Yu/hexo-theme-ayer.git themes/ayer

执行完成后blog –> themes文件夹中会出现ayer文件夹，ayer文件夹存放了该主题的所有文件
2.修改blog文件夹下的_config.yml，将theme的值改为主题文件名(theme: ayer)
3.使用hexo g和hexo s查看更换主题后的网页样式

  • Copyrights © 2023-2024 kukusun