博客一之博客搭建

个人博客浏览
内容较多,建议点击右侧导航栏查看

搭建博客

本地博客搭建

  1. 安装Node.js。Node.js下载官网,根据需要下载.msi文件,安装执行即可
  2. 安装Git。Git下载官网,根据需要下载安装即可。Git参考文档:英文,中文
  3. 安装Hexo。确认Node.js和Git都已经安装后,桌面右键鼠标,点击Git Bash Here

    1
    2
    3
    4
       npm install hexo-cli -g
    npm install hexo --save
    <!--如果命令无法运行,可以尝试更换taobao的npm源-->
    npm install -g cnpm --registry=https://registry.npm.taobao.org
  4. Hexo初始化。安装完毕之后,建立目录(如F:\Blog\Hexo),进入该目录下右键鼠标,点击Git Bash Here,输入:

    1
    2
    $hexo init
    $npm install
  5. Hexo插件安装。可以在每个命令后加&&或者;让其连续执行。linux连续执行命令

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    npm install hexo-generator-index --save
    npm install hexo-generator-archive --save
    npm install hexo-generator-category --save
    npm install hexo-generator-tag --save
    npm install hexo-server --save
    npm install hexo-deployer-git --save
    npm install hexo-deployer-heroku --save
    npm install hexo-deployer-rsync --save
    npm install hexo-deployer-openshift --save
    npm install hexo-renderer-marked@0.2 --save
    npm install hexo-renderer-stylus@0.2 --save
    npm install hexo-generator-feed@1 --save
    npm install hexo-generator-sitemap@1 --save
  6. 本地博客查看。执行下列命令,然后在浏览器输入localhost:4000,查看博客。

    1
    2
    hexo generate
    hexo server

博客部属到github上

(1) github账户配置

  1. 没有github账户需要首先注册github账户,有则跳过此步骤。
  2. 创建项目代码库。创建时需注意库名是:yourname(github的名称).github.io
  3. 配置SSH密钥。官方教程博客教程
  4. 设置用户信息。github会根据用户名和邮箱记录提交并用此做权限处理,你需要提交你的用户名和邮箱用户名可以随意(最后是常用的),邮箱建议真实

    1
    2
    $ git config --global user.name "cnfeat"//用户名
    $ git config --global user.email "cnfeat@gmail.com"//填写自己的邮箱

(2) 将博客部署到github上

  1. 找到刚才在github上创建的yourname.github.io库,点击进入
  2. 找到clone or download按钮,点击,将出现的链接复制(默认为https链接,不是的话切换为https链接在复制)
  3. 打开刚开始创建的Hexo文件夹(上面说的是F:\Blog\Hexo),找到_config.yml文件打开(可以用subLime也可以用记事本,工具不限制)在配置文件里修改

    1
    2
    3
    4
    deploy:
    type: git
    repo: 填写刚才复制的链接
    branch: master
  4. 在Hexo文件下执行

    1
    hexo g -d
  5. 浏览器上输入yourname.github.io此时就可以看见你的博客了

(3) 配置个性域名

  1. 购买域名(我是在阿里云上买的所以填写的阿里云)
  2. 添加域名解析,找到你想添加解析的域名,点击解析,ip就填写yourname.github.io的ip,不知道的可以ping下。
  3. 在Hexo文件夹下的source文件夹下创建文件CNAME(无后缀),里面内容就填写刚才购买的域名,保存。
  4. 在Hexo文件夹下运行git bash here,执行hexo g -d,执行完毕在浏览器输入你的域名。

博客备份与恢复

备份与恢复是通过coding.net提供的私有库存放博客源文件。采用git作为版本控制工具。

博客备份

(1)创建coding私有库

  1. 注册coding账号,用于存放源文件(包含文章,站点、主题配置文件等)
  2. 创建私有库hexo,并提交ssh公钥到coding库中,与github提交公钥相似。

(2) 建立本地git仓库。下面4步操作都在主目录下进行,即F:\Blog\Hexo目录下

  1. 删除第三方的主题git配置

    1
    rm -fr ./themes/hexo-theme-next/.git
  2. 建立本地 git库

    1
    git init
  3. 创建.gitignore文件

    1
    2
    3
    4
    5
    6
    7
    .DS_Store
    Thumbs.db
    db.json
    *.log
    node_modules/
    public/
    .deploy*/
  4. 关联远程库并push到私有仓库

    1
    2
    3
    4
    git remote add origin https://git.coding.net/<yourname>/hexo.git
    git add *
    git commit -m "first commit"
    git push -u origin master //下一次直接使用git push 即可

博客恢复

首先确认node.js、git、hexo已经正确安装,然后执行以下步骤

  1. git clone 远程coding仓库代码

    1
    git clone https://git.coding.net/<yourname>/hexo.git
  2. 安装

    1
    npm install

    npm 会根据package.json 中的内容安装相应的包,如此就搭建好了环境。完成了博客的重建。

实践中遇到的问题

搭建过程问题

(1) 找不到本地hexo

1
2
ERROR Local hexo not found in ...
ERROR Try running: 'npm install hexo --save'

解决办法:

1
A solution that worked for me to is removing the node_modules/ directory and reinstall it, so run:rm -rf node_modules/ && npm install

即删除node_modules/ 目录 然后重新安装,运行rm -rf node_modules/ && npm install
参考:local hexo not found

恢复过程问题

(1) bash: hexo: command not found

1
It occurs only when you don't install hexo globally and sometimes if you run the bash outside the blog folder

即当你没有全局安装hexo或者你在blog文件夹外面运行hexo时就会发生这样的问题。
解决办法:重新安装 npm install hexo-cli -g

(2) hexo s以后http://localhost:4000打不开本地服务器
解决办法:重新换个端口,此端口可能被占用,运行hexo s -p 3600

博客进阶:博客二之博客美化

参考

  1. Github Pages 和Hexo简明教程
  2. 最完美的Hexo多电脑同步方法
  3. hexo官方文档
  4. NexT官网文档
  5. NexT的github地址
-------------本文结束感谢您的阅读-------------
鼓励鼓励!