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,选择 启动/更新