使用hexo搭建我的第一个博客
使用hexo搭建我的第一个博客(Windows)
一、安装Git:https://git-scm.com/download
二、安装Node.js:https://nodejs.org
三、安装hexo:
-
打开Git Bash工具,先利用npm安装一个cnpm,因为npm在国内安装速度很慢。输入npm install -g cnpm –registry=https://registry.npm.taobao.org
-
开始安装hexo
输入 cnpm install -g hexo -cli
等待安装完成即可。
安装完成后可通过输入 hexo -v 查看版本信息
出现下图的信息说明安装成功
四、开始搭建博客
- 创建一个用了存放博客文件的文件夹
输入 mkdir blog(blog是文件夹名称,可以自己起)
- 使用hexo生成博客(初始化操作)
输入 hexo init
五、开始使用博客
- 启动博客
输入 hexo s (这个启动命令主要是用于预览博客的)
我们可以通过localhost:4000 访问我们的博客
- 新建文章 语法 hexo n “文章名称(标题)”
虽然创建的文件名称是乱码,但博客上显示是正常的,应该是Git Bash的编码问题。
- 编辑文章
我们新建的文章都是存放在hexo安装目录下的\source_posts\
输入 cd source/_posts
输入 vim 文件名
就可以编辑文章了(基于Markdown)
效果
-
更改博客主题
a. 下载一个主题
输入 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
(克隆该链接的项目(一个主题)到/blog/themes/yilia)
b. 修改配置文件
vim _config.yml
将landscape修改为yilia
然后逐条执行以下命令
hexo clean
hexo generate
hexo deploy
六、将博客上传到GitHub上
-
在GitHub上创建一个仓库
仓库名称必须是:用户名.github.io
-
在hexo安装目录下安装一个Git插件
输入 cnpm install --save hexo-deployer-git
-
修改配置文件(_config.yml)
输入 vim _config.yml
修改后如下图框选部分
repo后面的是刚刚新建仓库这部分
-
部署到GitHub
输入 hexo d
如果报下面的错误,
则需要执行下面两条命令
git config --global user.name “用户名”
git config --global user.email “邮箱地址”
然后再输入 hexo d
再输入GitHub账号和密码即可
注:所有的命令都需要在hexo安装目录下执行![image-20200807163903811]
七、参考文献
https://hexo.io/docs/
https://www.bilibili.com/video/BV1Yb411a7ty?t=1681
https://www.cnblogs.com/visugar/p/6821777.html
https://www.cnblogs.com/lan-cheng/p/8975774.html