博客一之博客搭建

原创 2016年11月01日 20:36:24

个人博客浏览

搭建博客

本地博客搭建

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

        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,输入:

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

        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,查看博客。

        hexo generate
        hexo server

博客部属到github上

(1) github账户配置

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

    $ 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也可以用记事本,工具不限制)在配置文件里修改

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

        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配置

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

      git init
  3. 创建.gitignore文件

      .DS_Store
      Thumbs.db
      db.json
      *.log
      node_modules/
      public/
      .deploy*/
  4. 关联远程库并push到私有仓库

    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仓库代码

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

       npm install

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

实践中遇到的问题

搭建过程问题

(1) 找不到本地hexo

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

解决办法:

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

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地址
版权声明:本文为博主原创文章,未经博主允许不得转载。

MM,这是我第一次给你写的Blog,用一首《那一夜》开始吧

这不是偶然,也不是初愿,这是上天对重逢的安排不相信眼泪,不相信改变,可是坚信彼此的情坚我应该如何,如何回到你的心田,我应该怎样,怎样才能走进你的梦,我想呀想,盼呀盼,盼望回到我们的初恋,我望呀望,看呀...
  • sun_DouDou
  • sun_DouDou
  • 2006年08月09日 16:05
  • 690

如何从零开始搭建自己的博客(通俗易懂)

序 作为一名合(zhuang)格(bi)的程序猿,经常写点东西,肯定少不了各种网站、博客,通俗的CSDN,文艺的简书,强大的GitHub,以及微信、掘金、知乎等等风格迥异的平台。不过,再多的地方,也容...
  • dazhaoDai
  • dazhaoDai
  • 2017年06月25日 21:57
  • 1604

Go语言学习笔记(一) [Go语言的HelloWorld]

日期:2014年7月18日 1、简介     Go 编程语言是一个使得程序员更加有效率的开源项目。Go 是有表达力、简 洁、清晰和有效率的。它的并行机制使其很容易编写多核和网络应用,而新奇...
  • whxaing2011
  • whxaing2011
  • 2014年07月21日 08:45
  • 957

手把手教你搭建一个属于自己的Ghost博客

介绍Ghost 是基于 Node.js 的开源博客平台,由前 WordPress UI 部门主管 John O’Nolan 和 WordPress 高级工程师(女) Hannah Wolfe 创立,目...
  • wu_xu1993
  • wu_xu1993
  • 2017年06月09日 19:25
  • 2516

搭建属于自己的技术博客

每个程序员都需要自己的博客本文的博客搭建采用了静态博客技术 。技术框架是:github pages和hexohexo安装hexo介绍Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Mark...
  • u010321471
  • u010321471
  • 2016年11月10日 09:27
  • 1870

如何搭建个人独立博客?

最近看书的时候发现很多作者都有写博客的习惯,以及提到坚持写博客的好处,但是自己没有独立的个人博客,只是注册了一些大型网站的博客,比如iteye、csdn、新浪,网易,搜狐等,于是我也试着搭建个人独立博...
  • hongyudeng
  • hongyudeng
  • 2016年06月02日 20:48
  • 2376

利用git搭建自己的个人博客

转载请标明出处:  http://blog.csdn.net/lmj623565791/article/details/51319147;  本文出自:【张鸿洋的博客】 一、概述 ...
  • kkkmmmjjjj
  • kkkmmmjjjj
  • 2016年12月07日 10:57
  • 4521

ghost博客搭建

环境: 系统:ubuntu14.04(阿里云) node.js:v6.9.5 LTS nginx:1.4.6 ghost:v0.11.4 0、前言 ghost博客支持windows,mac和Linu...
  • qq_26819733
  • qq_26819733
  • 2017年02月19日 18:27
  • 1679

腾讯云搭建个人博客

1、购买、配置腾讯云服务器首先进入腾讯云+校园,查看云服务器相关购买流程。 地址:https://www.qcloud.com/act/campus完成学生认证后,我们就可以开始了 最近腾讯云又推...
  • yypccc
  • yypccc
  • 2017年05月03日 14:34
  • 1628

博客搭建教程(持续更新)

喜欢写Blog的人,都会经历三个阶段: 第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写。 第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客。 第三阶段,觉得...
  • t822876884
  • t822876884
  • 2017年03月06日 08:37
  • 469
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:博客一之博客搭建
举报原因:
原因补充:

(最多只允许输入30个字)