hexo搭建个人博客并部署到码云gitee

先贴上我的博客链接博客屋

经过几天的折腾,终于搭建了一个自己的个人博客,主要是用来记录自己复习的东西。现在总结一下自己搭建博客的过程。懒得写文字,首先推荐一个参考视频:参考视频,按照这个up主的视频操作下来基本就ok了。

前期准备

首先要安装node.js和 git,直接从官网下载安装即可,安装时注意修改文件路径之外,一路点next就行。先贴上两个下载链接:

node.js官网

git镜像站或者git官网

然后再安装一个编辑器(这一步可选),比如vscode。然后安装一个markdown编辑器,推荐typora

安装hexo博客记录

1.首先安装node.js和git
2.安装淘宝镜像:
打开cmd,输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装hexo框架:

cnpm install -g hexo-cli
hexo -v查看

4.开始搭建博客

4.1新建一个空文件夹d:/blog,然后cd到blog文件夹下

4.2 执行hexo init

4.3 在本地查看最原始的博客:

hexo s命令,然后在浏览器打开http://localhost:4000就可以看到最原始的hexo博客

4.4 新建一篇博客

4.4.1 hexo new "我的第一篇博客"

4.4.2然后在D:\blog\source\_posts路径下就可以看到新建的博客文件,然后在里面随便写点东西保存。

4.4.3 写好博客之后,我们在博客根目录下打开cmd,输入

hexo clean 清理缓存
hexo server 

在浏览器打开http://localhost:4000查看,就可以看到我们刚刚写的博客了。

5.部署hexo博客到github

5.1 首先在github新建一个仓库,注意仓库名必是

yourname.github.io
yourname就是你的github用户名。

5.2 然后在博客根目录下打开cmd输入

cnpm install --save hexo-deployer-git

5.3 然后打开博客根目录下的config.yml文件,在最下面添加以下信息:

deploy:
type: git
repo: https://github.com/yysfyu/yysfyu.github.io.git
branch: master
注意空格

5.4 部署到github上

hexo deploy(hexo d)命令

要输入自己的github用户名和密码。
部署成功后,打开自己的github仓库,刷新以下就可以看到部署到上面的一些文件了
然后我们在浏览器地址栏输入我们的这个仓库名:eg:yysfyu.github.io就可以看到我们部署好的博客了。

5.5 这样就基本的搭建部署好了。然后就是修改自己的个人信息和更换自己喜欢的主题了。

切换主题

hexo博客更换yilia主题

1.主题下载

在博客根目录下输入:

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

等待下载完成。

2.主题使用:
博客根目录下的配置文件config中找到theme修改为theme: yilia

然后hexo clean,这时我遇到了一个问题如下:

D:\blog>hexo cl
INFO  Validating config
ERROR {
err: [Error: EISDIR: illegal operation on a directory, read] {
errno: -4068,
code: 'EISDIR',
syscall: 'read'
}
} Plugin load failed: %s hexo-theme-landscape

解决办法是:在博客根目录下有个package.json文件,在下面找到
hexo-theme-landscape这一行并删除,然后就可以一键三连了:hexo clean && hexo g && hexo d

然后访问自己的github.io就可以看到更换主题之后的博客了。(多刷新几次等待)

3.然后就是个性化设置了。

03-05 23:07