搭建博客
搭建Hexo博客
根据程序羊的视频搭建而成,整理下步骤和与当时不同之处
https://www.bilibili.com/video/BV1Yb411a7ty/
1. 安装node.js与npm
略。
有“魔法”的不需要下载cnpm
包,此后以npm
为例
2. 安装Hexo
npm install -g hexo-cli
hexo -v
查看是否安装成功
3. 选址
在合适的地方新建一个专门用于存放博客的文件夹(假设文件夹名为 blog
,并且看做根目录),在该路径下开始操作。
执行
hexo init
初始化,Linux\MacOS
需要sudo
权限生成一些文件与文件夹,一些配置在文件
blog/_config.yml
中
4. 部署至GitHub的准备工作
在该路径下执行命令:
npm install --save-deployer-git
安装相关工具在GitHub新建仓库,仓库名必须为:
GitHub的用户名.github.io
更改
_config.yml
文件中的内容(在最后):1
2
3
4deploy:
type: git
repo: git仓库地址
branch: masterGitHub更新了认证方式,具体操作可以参考这一篇博客
5. 相关命令
运行(本地预览):
hexo s
写新的博客:
hexo n "文件名"
写好之后生成静态网站:
hexo g
清空第三步生成的文件:
hexo clean
推送至GitHub(会有一定的延迟):
hexo d
使用“魔法”后,GitHub需要设置代理
git config --global http.proxy http://127.0.0.1:port
git config --global https.proxy https://127.0.0.1:port
6. 更换主题
可以直接在搜索引擎搜索相关关键字,例如hexo 主题
,以我现在使用的Fluid
为例
GitHub地址: https://github.com/fluid-dev/hexo-theme-fluid/tree/master
- 在博客目录下克隆, 至
blog/themes
文件夹下:git clone https://github.com/fluid-dev/hexo-theme-fluid/tree/master themes/fluid
- 更改
blog/_config.yml
第100行,将theme:
后改为fluid
- 更多具体配置参考官方文档: https://hexo.fluid-dev.com/docs/guide/
- 大段文字需要换行需要使用
HTML
语法
7. 其他
这里面还有很多有意思的功能没探索、没开发。留给接下来的时间。也慢慢优化这个小网站。
参加“代码随想录”的训练营,虽然有点晚,但是还来得及。搭建了一个博客,主要还是写给自己,记录这一路的成长,当然也不单单的只这一路。
很喜欢郭帆导演的一句话,让我放在了首页开屏
==如果你想再次拥有你从未有过的东西,那么你必须再次去做你从未做过的事情。这还不是结束,这是再次的开始!==