Mac OS 博客搭建

准备阶段

1 配置git环境
2 创建node环境

配置git环境

创建代码库

1 百度搜索github官网注册一个账号,如果已注册过的就无需再注册
2 Sign in(登陆) Sign up(注册),点击注册,注册完之后去往自己刚填写的邮箱确认注册,结束注册流程
3 登陆自己的github账号,点击这个加号,选择第一个New repository:

4 下一步填写信息

• 注意:您起的Repository name须和你前面的名字一样再加上.github.io为后缀名,最后点击Create repository完成创建
  

  安装Hexo

  在自己觉得合适的地方创建一个文件夹,比如myblog文件夹

  1 然后打开终端,执行

  $ sudo npm install hexo-cli -g

然后你会看到这个界面

表示你已经安装成功了
2 执行,找到你新建的文件夹myblog,

$ cd myblog
$ hexo init
$ npm install
$ hexo serve

然后你会看到这个界面,表明你的博客已经搭建好了

复制上面的网址在浏览器运行,出现以下界面表示你已经成功搭建属于自己的博客了

3 博客搭建好了之后就是上传到你的github了,首先我们先找到文件夹下面最外层的_config.yml文件,修改如下界面

deploy:
  type: git
  repo: 这里为你的github域名仓库的Https地址

4 执行

$ npm install hexo-deployer-git --save
$ hexo g
$ hexo d

下次修改博客之后只需

$ hexo d

就好了,是不是很方便啊

更换主题

• 搜索到自己喜欢的主题,可以通过以下方式更换为自己的主题
  1 复制你的主题所在github的域名仓库的Https地址,利用终端找到自己所建文件夹下的themes文件夹目录下
  2 执行

  $ git clone 主题的域名仓库地址

3 再到文件夹下最外层的_config.yml文件夹下修改默认的主题theme,就可以更换为自己想要的主题了

theme: 您的新主题的名字

多说评论

1 创建多说账号

• 进入多说官网http://duoshuo.com,点击我要安装,填写相关信息注册好之后,这就说明你已有多说账号了
• 多说账号准备好之后,,找到相应主题下面的layout下面的_partial文件下面的post文件下的article.ejs文件

• 复制以下代码至article.ejs

  把最后一段这个代码
  <!-- 多说评论框 start -->
  	<div class="ds-thread" data-thread-key="<%= post.layout %>-<%= post.slug %>" data-title="<%= post.title %>" data-url="<%= page.permalink %>"></div>
  <!-- 多说评论框 end -->
  <!-- 多说公共JS代码 start (一个网页只需插入一次) -->
  <script type="text/javascript">
  var duoshuoQuery = {short_name:"您的多说域名名字"};
  	(function() {
  		var ds = document.createElement('script');
  		ds.type = 'text/javascript';ds.async = true;
  		ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
  		ds.charset = 'UTF-8';
  		(document.getElementsByTagName('head')[0]
  		 || document.getElementsByTagName('body')[0]).appendChild(ds);
  	})();
  	</script>
  <!-- 多说公共JS代码 end -->

• 最后一步可至最外层的那个_config.yml文件,增加一个属性,注意此处有坑,我当时也是搞了几遍才好的,比如你的多说站点为xxx.duoshuo.com, 此时xxx才是您的真正的多说名字,您只要填入下面xxx就OK了

  duoshuo_shortname: 您的多说名字

至此一步就大功告成了,很幸运你已经拥有一个属于自己的评论系统了