hexo搭建个人博客并部署到码云gitee
先贴上我的博客链接博客屋
经过几天的折腾,终于搭建了一个自己的个人博客,主要是用来记录自己复习的东西。现在总结一下自己搭建博客的过程。懒得写文字,首先推荐一个参考视频:参考视频,按照这个up主的视频操作下来基本就ok了。
前期准备
首先要安装node.js和 git,直接从官网下载安装即可,安装时注意修改文件路径之外,一路点next就行。先贴上两个下载链接:
然后再安装一个编辑器(这一步可选),比如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.然后就是个性化设置了。