Blog初开,作为第一篇文章,我想记录一下自己从创建到部署它的全过程,也算是几天试验成果的一个总结。
一开始因为听说 Hugo
框架简单得离谱,于是作为一个菜鸡,我就愉快地按照B站找来的教程成功搭建了一个,随后在想为安装的主题添加更多自定义内容时,发现 Hugo
主题的文档都不够全面,更像是这些开发者做出来展示自己的,而且主题也都不太符合我的审美,遂弃之。
当晚决定用 hexo
来完成这件事情。吃一堑长一智,这次先去 github
上找了一大堆主题,其中发现一个名为 fluid
的由国内开发者开发的主题,外观很不错,文档也很全面完整,就决定是它了!
安装所需环境(Windows )
安装 Node.js
1
| https://nodejs.org/zh-cn
|
安装 Git
1
| https://git-scm.com/download/win
|
打开 Powershell
,安装 hexo-cli
工具包
建立本地博客站点
我想把博客项目文件夹放在桌面
建立本地站点,我将其命名为 myblog
1 2
| hexo init myblog cd myblog
|
启动博客查看初始化情况
至此,可以看到提示
1
| INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
|
浏览器打开 http://localhost:4000
,可以看到 hexo
建站的同时有一个默认主题。
更改&配置 hexo
主题
检查是否在 myblog
目录下
下载 最新 release 版本,解压到 themes
目录下并重命名为 fluid
。
修改博客目录下的 _config.yml
:
1 2 3 4 5
| title: Skycurtain's Blog author: Skycurtain language: zh-CN
theme: fluid
|
添加关于页
修改 /source/about/index.md
,在头部添加 layout
属性
暂时就做这些处理,更多文档详见:https://hexo.fluid-dev.com/docs/guide/
撰写第一篇文章
新建一篇post
1
| hexo new post "我是如何创建并部署我的hexo blog到gitee"
|
这样在source/_post/下会新建“我是如何创建并部署我的hexo blog到gitee”的md文件
部署
首先需要在 gitee
新建仓库
修改 _config.yml
配置
选择 gitee
的原因是 Github Pages
的访问速度并不理想,而且暂时也没有考虑各种加速手段,所以尽管 gitee
有各种不足,但它仍然成为了我的选择。
鉴于 Github Pages
的后端采用 Jekyll
,或许以后等我的博客成熟了会考虑迁移到 Jekyll
并部署到 Github Pages
。
1 2 3 4 5 6
|
deploy: type: git repo: https://gitee.com/skycurtain/skycurtain branch: master
|
Git配置
用 VS Code
打开博客项目并开启终端(确保操作目录是 myblog/
)
配置git信息
1 2
| git config --global user.name "Skycurtain" git config --global user.email skycurtain@163.com
|
建立git仓库
安装 hexo-deployer-git
1
| npm install hexo-deployer-git --save
|
生成静态文件
一键部署
以上两步操作可以简化为
或
最后在 gitee
仓库的服务中选择 Gitee Pages
,选择 启动
/更新