hexo搭建博客以及移植博客

前前后后折腾了这么久搭建了这个博客,现在配置的也算是合格了,写这篇文章记录下搭建过程;

前期准备:

  • 操作平台: windows 10
  • 安装好 git,node.js

一.安装cnpm包管理器

  • 由于npm国内安装速度慢的原因,我们先安装cnpm包管理器
    npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 使用cnpm安装hexo
    cnpm install -g hexo-cli
  • 使用hexo -v查看hexo版本

二.在电脑上创建个文件夹,进入文件夹,初始化hexo

1
2
3
cd 文件夹名			#比如: cd blog
hexo init #初始化hexo博客
cnpm install #安装依赖
  • 初始化之后会在文件夹中生成以下文件

图一

三.预览博客样式

1
2
3
hexo g			
hexo s #默认打开的是4000端口
hexo s -p 5555 #4000端口被占用的话,使用这一条
  • 在浏览器中输入: localhost:4000 预览

四.部署到github

  • 编辑根目录中的 _config.yml (不是theme中的),找到以下内容
1
2
3
4
deploy:
type: git #type设置为 git
repo: #设置为: git@github.com:你的github用户名/你的github用户名.github.io.git
branch: master #设置为master

注意:分号后面都带上一个空格

  • 在终端blog文件夹路径下
1
2
hexo g			
hexo d

Tips:这里如果没有配置好Git的话,可能会报错或者让输入GitHub用户名和密码

  • 即可通过 你的用户名.github.io访问你的博客了

五.绑定个人域名

  • 域名解析
  • 在github仓库中添加CNAME文件,在其中输入域名(不带www)
  • 即可通过域名访问博客

可能错误:

  • hexo d同步出错,错误大概为:

    FATAL Something’s wrong. Maybe you can find the solution here: http://hexo.io/docs/troubleshooting.html
    Error: Spawn failed
    at ChildProcess. (E:\Blog\node_modules_hexo-util@0.6.3@hexo-util\lib\spawn.js:52:19)
    at ChildProcess.emit (events.js:189:13)
    at ChildProcess.cp.emit (E:\Blog\node_modules_cross-spawn@4.0.2@cross-spawn\lib\enoent.js:40:29)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:248:12)
    错误1

    解决方法:

    1.执行git config –global user.name “git用户名” git config –global user.email “邮箱”两条命令

    2.检查hexo配置文件_config.yml

    deploy:
    type: git
    repo: git@github.com:用户名/用户名.github.io.git
    branch: master

    (注意第一个用户名之前就是冒号)

六.博客配置

1.添加IP访问量

使用的是友盟的站点,首先注册友盟账号https://account.umeng.com/
点击”获取代码“之后,可见有许多个可供选择的样式,复制一个喜欢的样式,到themes\yilia\layout_partial\footer.ejs,粘贴到footer-info这个div里面:

youmeng

之后重新部署就OK了

2.页面点击有心

themes\yilia\layout_partial\footer.ejs最后添加以下代码

1
2
<!--页面点击小红心-->
<script type="text/javascript" src="/love.js"></script>

2019年11月29日更新
博客搭建这么久了,从最开始的什么都不懂到现在略懂一二,也从最开始的yilia主题换到了现在的icaus主题,到现在对于hexo搭建博客也有相关经验,觉得hexo搭建博客还是挺方便的。
比如在重装系统,更换电脑等情况,只需要把你的博客文件拷贝一份,然后在你的新电脑上:

  1. 安装node.js
  2. 安装git
  3. 安装hexo-cli
  4. 创建一个博客文件 hexo init
  5. 把生成的文件删除,把自己原先的博客文件放进去

就很好的解决重装系统的问题。

而且,对于双系统,如win+linux,linux能够读取win下盘的资料的情况下,只用在linux系统安装git+node,就可以方便的编辑、预览、部署你的博客了。

# hexo

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×