hexo搭建我的博客

hexo搭建我的博客并部署到码云gitee

先贴上个人博客连接博客屋node

通过几天的折腾,终于搭建了一个本身的我的博客,主要是用来记录本身复习的东西。如今总结一下本身搭建博客的过程。懒得写文字,首先推荐一个参考视频:参考视频,按照这个up主的视频操做下来基本就ok了。git

前期准备

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

node.js官网npm

git镜像站或者git官网json

有个注意的地方是,安装node.js版本尽可能不要装最新版的,否则在搭建博客的时候遇到一些错误。

而后再安装一个编辑器(这一步可选),好比vscode。而后安装一个markdown编辑器,推荐typorawindows

安装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.开始搭建博客markdown

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

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.而后就是个性化设置了。

相关文章
相关标签/搜索