说明
-
本人编程能力为0,所写必然简陋且初级,故如标题所写,仅供从零开始。
-
本文记录的就是搭建目前使用的这个blog的方法。
-
本文默认已经安装Homebrew,有GitHub帐号,且已ssh连接,如果没有,请根据相关关键词搜索并设置,也可参考以下链接。
homebrew最新国内源安装方法(2020年3月)_网络_WizardtoH-CSDN博客Github教程,史上最全github使用方法:github入门到精通_网络_程序员囧辉-CSDN博客
整体流程
本人配置
- Macos 10.14.6
- Node.js v13.12.0
- Npm 6.14.4
- hexo 3.1.0
重要事项
在搭建的这一过程中,会涉及到两个名为“_config.yml”的文件
- 站点配置文件指的是博客文件根目录下的 _config.yml,即“~/blog/_config.yml”
- 主题配置文件是主题文件夹下的 _config.yml,即“~/blog/themes/主题名/_config.yml”
安装node.js
使用Homebrew安装
brew install nodejs
安装git
使用Homebrew安装
brew install git
安装hexo
npm install -g hexo-cli #使用npm安装hexo
hexo init blog #初始化blog
#检测是否安装成功
hexo new test_my_site
hexo g
hexo s
#如果成功可通过 http://localhost:4000 预览
安装失败
安装失败多半是权限问题,终端会提示你怎么操作,跟着终端的操作获取权限就可以了
安装主题
Hexo 安装主题的方式非常简单, 只需要将主题文件拷贝至站点目录的 themes 目录下, 然后修改下配置文件即可
cd blog #blog为默认你安装的位置,如果是其他位置请自行更改
git clone https://github.com/cofess/hexo-theme-pure.git themes/pure
后续的主题部署与个性化编辑请参考pure主题的作者
hexo-theme-pure/README.cn.md at master · cofess/hexo-theme-pure · GitHub
连接github
修改站点配置文件 _config.yml的deploy部分
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/XXXXXX/XXXXXX.github.io.git
branch: master
#repo 为你自己的GitHub Pages 链接
本地部署
npm install hexo-deployer-git --save #安装git部署插件
#输入部署指令
hexo clean #清除缓存
hexo g #生成本地文件夹
hexo d #发布到GitHub
上传文档
找到source文件夹下的_posts,将markdown文件放在此文件夹中。
在上传的markdown文档的首部添加如下信息(请删除掉注释):
---
title: New Blog #在此处添加你的标题。
date: bulabula #在此处输入你编辑这篇文章的时间。
categories: bulabula #在此处输入这篇文章的分类。
toc: true #在此处设定是否开启目录,需要主题支持。
---
完成之后先预览一下
cd blog #blog为默认你安装的位置,如果是其他位置请自行更改
hexo g
hexo s
#如果成功可通过 http://localhost:4000 预览
发布到GitHub
hexo clean
hexo g
hexo d
最后
从零开始搭建bolg这就完成了,但是你以为这样你就可以安心的使用了吗?
图样图拿衣服。
这只是万里长征第一步,之后的各种个性化设置和插件才是大坑。
恭喜你,掉进坑里了。
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 R'lyeh|Cijan!
评论