博客的搭建
博客的搭建
环境的准备
1.安装node.js
- 下载:官方地址:https://nodejs.org/zh-cn/
- 直接安装:无脑next下一步
- 校验是否安装成功:
node -v
2.安装镜像源cnpm
- 利用npm安装:
npm install -g cnpm --registry=https://registry.npm.taobao.org
3.安装hexo博客框架
- 利用cnpm安装:
cnpm install -g hexo-cli
- 校验:
hexo -v
4.安装git
- 下载:官方地址:https://git-scm.com/
- 直接安装:无脑next下一步
- 校验是否安装成功:鼠标右会多两个git选项
5.创建博客放置文件夹
- 选择一个你想存放博客的地方创建一个文件夹
安装博客
在你文件夹下右键点击Git Bash Here进入git命令行
输入**hexo init **命令
出现Start blogging with Hexo!说明安装成功
博客使用
基本使用
- 先使用hexo new “xxxx”创建一篇文章(创建一篇博文(生成的md文件在source_posts路径下))
- 然后再hexo clean清理缓存
- hexo generate/hexo g 生成静态文件
- hexo s启动博客
- 在浏览器中输入http://localhost:4000/即可访问
- 部署网站:
hexo d
后续会使用
博客部署
1.创建一个远程厂库
- 仓库名一定为[github的昵称].github.io
2.安装部署插件
cnpm install --save hexo-deployer-git
3.在文件夹根目录_config.yml中配置部署
原生样子:
修改后:
4.部署
hexo d
5.浏览博客
注意如果github没有打开github-pages,可能会出现404的情况。
自定义主题
1.找hexo主题
2.下载主题
- 直接克隆下来:
$ git clone 地址
3.安装主题
- 直接将克隆下来的文件夹放在博客根目录下的themes文件下
4.修改配置文件
再次修改根目录下的_config.yml:
5.自行美化
- 可以参考相应博客说明文档进行个性美化。
6.部署
- 重新清理缓存并生成静态文件:
hexo clean && hexo g
- 部署:
hexo d
若出现 ERROR Deployer not found: git
npm install
--
save hexo-deployer-git即可
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 goMars的学习随记!
评论