Hexo on 搁浅St的blog

将hexo部署到自己的个人服务器上

Sat, 08 Apr 2017 19:22:22 +0000

本文假设你已经配置好了hexo了,这是前提

前面两篇文章主要是用来配置自己的服务器.服务器部署完成后,后面就可以开始写博客了.但是每次hexo d推送到gihub的服务器上了,还需要手动将文件复制到自己的服务器对应网站的根目录,对的,要手动,当然不能忍.

1 ugly的解决办法

于是我写了一个脚本,在服务器上定时去访问我的github,如果检测到文件有变动,就把github的内容clone到服务器上,然后再布置到网站根目录. 代码很简单,就这几行.主要是检测/archives/index.html这个文件的大小是否变化了,选择它,是由于这个文件较小,而且每次发布新文章大小都会发生变化.

#!/bin/sh
cd ~/blogsync
length=`ls -l github.json| awk '{print $5}'`
curl -o github.json  https://raw.githubusercontent.com/huirong/huirong.github.io/master/archives/index.html
newlength=`ls -l github.json| awk '{print $5}'`
test $length -eq $newlength && exit 0 #if same so quit
git clone https://github.com/huirong/huirong.github.io.git huirongis_me
rm -fr ~/www/huirongis_me
mv huirongis_me ~/www/

这样搞法,是不需要手动了,但是做不到实时,而且,如果你没有新增或删减文章,其他的改动,可能不会反应在/archives/index.html,那他就不会自动去更新了.

2 完美的搞法

既然有ugly的解决方法,自然有完美的解决方法.本文主要是参考使用 Git Hook 自动部署 Hexo 到个人 VPS. 这个方法的原理,用一句话总结就是:在自己的服务器上搭建一个git服务器,然后依靠git hook程序,将git仓库代码更新到自己的网站根目录.

2.1 在vps上安装git

我的服务器是ubuntu 16.04 lts,安装git服务非常简单

sudo apt-get install git

2.2 创建git用户

这一步的原因是,我们需要一个小权限的账号来操作git.比如我们后面会限制这个git账号,不让他登录shell等等.

sudo adduser git

我们在服务器的ubuntu执行这条命令就好了,非常简单,而且还帮你在home下建立了对应的目录. 接下来要配置git用户的认证,有两种办法:

给git用户设置一个密码,以后每次执行hexo d的时候,会要求你输入密码,才能继续操作
给git用户配置ssh证书,当把公钥传到服务器后,每次hexo d免密,直接操作完成

2.3 设置密码登录

设置密码使用Linux命令passwd即可

sudo passwd git

上述命令执行完成后,按照提示输入两次密码,即配置完成

2.4 配置ssh证书

配置ssh证书,设置的时候比较麻烦,但是后面每次使用比较简单.后面再说原因.

2.4.1 生成ssh证书

首先,我们需要生成证书,这一步我们在自己本地电脑进行.注意:生成证书不在服务器上操作,在自己本地电脑上进行.

Mac或者Linux 对于Mac或者LInux用户,直接使用系统自带的终端就好 windows: 对于windows用户,hexo配置完成后,你应该有一个执行shell命令的软件,比如我的是github desktop自带的shell程序,或者你自己安装的git shell,也是可以的,大概长这样

首先,我们打开shell程序,输入以下命令

ssh-keygen -t rsa -b 4096 -C "你的email地址"

接着提示让我们输入文件保存的路径,如果你不输入就按照默认的保存,输入完成,回车下一步,提示我们输入密码,这个密码只是证书的密码,即,当使用这个证书登录的时候要输入的密码,它不是服务器用户的密码,而是单纯给ssh证书设置的密码. 我这里选择不设置,直接回车,提示确认起码,再回车证书生成完毕. 我们进入刚才证书保存的目录,可以看到id_rsa和id_rsa.pub两个文件(也有可能是其他名字,反正一个有pub一个没pub),分别就是私钥和公钥.

PS:其实生成证书这一步,在服务器上,或者任何一个机器上都可以,只要你最后把这个公钥传到服务器,用这个私钥链接你的服务器就行,这里为求简单,在本地的git shell中生成

2.4.2 上传公钥

接下来,我们还是在本地终端操作.将上一步生成的id_rsa.pub文件内容追加到服务器的authorized_keys中. OpenSSH提供了一个命令ssh-copy-id,直接将文件添加到服务器,简直不能更方便用法如下:

ssh-copy-id git@yourserver

比如我输入ssh-copy-id -i ~/.ssh/id_rsa.pub git@bblove.me,这里的yourserver可以输入域名或者ip,-i用来指定具体的公钥文件,适用于存在多个公钥或者找不到公钥的情况,最好手动指定它.输入该命令后,会要求你输入服务器上git用户的密码.

如果此法不通,你可以直接在服务器上编辑authorized_keys文件,把id_rsa.pub内容追加到文件后面即可请务必确认authorized_keys文件的权限是rw-------,如果不是,使用chmod 600 authorized_keys来修改.

2.4.3 测试ssh连接

接下来,我们还是在本地终端操作.我们测试一下,看是否能成功连接到服务器.主要使用ssh -T git@yourserver命令来测试,此处git是指用户名,yourserver填你的服务器域名或者ip即可.测试结果如下:

如果测试不成功,他会返回给你错误提示.如果像我上图这样,那就是测试成功了,需要手动ctr+c,让git终端回复到正常输入命令的状态.下面附上github的测试结果,与我的vps略有不同,反正都是成功的.

2.4.4 ssh测试失败

如果你测试失败,可能有多方面的原因,客户端或者服务器都有可能.

2.4.4.1 客户端ssh配置

接下来,还是在本地终端操作.我们首先检查一下客户端ssh的配置,文件的位置在/etc/ssh/ssh_config,我们使用vi /etc/ssh/ssh_config命令打开和编辑该文件.本文服务器域名是bblove.me,请检查你的ssh_config文件,是否存在一条Host *记录,并且该记录的IdentityFile值,是否是你刚才生成的那个私钥的地址. 这个配置文件的意思是,针对某个Host,程序使用IdentityFile指定的私钥文件去进行ssh连接. 如果我们上一步测试ssh连接失败,有可能就是针对我们自己的域名,我们未指定正确的私钥文件.附上我的ssh_config文件的内容,

这也就意味着,我们可以针对多个网站各自配置不同的ssh证书,比如我github一套,自己服务器一套.当然偷懒的话,也可以所有网站使用一套ssh证书.只需要添加配置Host *的配置即可.你的配置文件内容可能和我的不同,关注下host和IdentityFile的内容就好. PS:如果host配置了*,请务必保证它在其他域名配置的后面,因为系统是从前到后匹配,所以*必须在具体域名的后面.

2.4.4.2 服务器ssh配置

接下来,我们在服务器上操作.我们检查一下服务器端ssh配置是否有误.文件的位置在/etc/ssh/sshd_config,我们使用sudo vi /etc/ssh/sshd_config打开和编辑该文件.例如我的ubuntu虚拟机的内容经过修改后,就是这样的:

# Package generated configuration file
# See the sshd_config(5) manpage for details

# What ports, IPs and protocols we listen for
#这个是用来指定ssh端口的,不用改
Port 22
# Use these options to restrict which interfaces/protocols sshd will bind to
#ListenAddress 10.105.224.192
#ListenAddress 10.105.224.192
Protocol 2
# HostKeys for protocol version 2
HostKey /etc/ssh/ssh_host_rsa_key
HostKey /etc/ssh/ssh_host_dsa_key
HostKey /etc/ssh/ssh_host_ecdsa_key
HostKey /etc/ssh/ssh_host_ed25519_key
#Privilege Separation is turned on for security
UsePrivilegeSeparation yes

# Lifetime and size of ephemeral version 1 server key
KeyRegenerationInterval 3600
ServerKeyBits 1024

# Logging
SyslogFacility AUTH
LogLevel INFO

# Authentication:
LoginGraceTime 120
PermitRootLogin no
StrictModes yes

RSAAuthentication yes
PubkeyAuthentication yes
AuthorizedKeysFile	%h/.ssh/authorized_keys

# Don't read the user's ~/.rhosts and ~/.shosts files
IgnoreRhosts yes
# For this to work you will also need host keys in /etc/ssh_known_hosts
RhostsRSAAuthentication no
# similar for protocol version 2
HostbasedAuthentication no
# Uncomment if you don't trust ~/.ssh/known_hosts for RhostsRSAAuthentication
#IgnoreUserKnownHosts yes

# To enable empty passwords, change to yes (NOT RECOMMENDED)
PermitEmptyPasswords no

# Change to yes to enable challenge-response passwords (beware issues with
# some PAM modules and threads)
ChallengeResponseAuthentication no

# Change to no to disable tunnelled clear text passwords
PasswordAuthentication yes

# Kerberos options
#KerberosAuthentication no
#KerberosGetAFSToken no
#KerberosOrLocalPasswd yes
#KerberosTicketCleanup yes

# GSSAPI options
#GSSAPIAuthentication no
#GSSAPICleanupCredentials yes

X11Forwarding yes
X11DisplayOffset 10
PrintMotd no
PrintLastLog yes
TCPKeepAlive yes
#UseLogin no

#MaxStartups 10:30:60
#Banner /etc/issue.net

# Allow client to pass locale environment variables
AcceptEnv LANG LC_*
AllowUsers chen git zhou
Subsystem sftp /usr/lib/openssh/sftp-server

# Set this to 'yes' to enable PAM authentication, account processing,
# and session processing. If this is enabled, PAM authentication will
# be allowed through the ChallengeResponseAuthentication and
# PasswordAuthentication.  Depending on your PAM configuration,
# PAM authentication via ChallengeResponseAuthentication may bypass
# the setting of "PermitRootLogin without-password".
# If you just want the PAM account and session checks to run without
# PAM authentication, then enable this but set PasswordAuthentication
# and ChallengeResponseAuthentication to 'no'.
UsePAM yes
Ciphers aes128-cbc,aes192-cbc,aes256-cbc,aes128-ctr,aes192-ctr,aes256-ctr,3des-cbc,arcfour128,arcfour256,arcfour,blowfish-cbc,cast128-cbc
MACs hmac-md5,hmac-sha1,umac-64@openssh.com,hmac-ripemd160,hmac-sha1-96,hmac-md5-96
KexAlgorithms diffie-hellman-group1-sha1,diffie-hellman-group14-sha1,diffie-hellman-group-exchange-sha1,diffie-hellman-group-exchange-sha256,ecdh-sha2-nistp256,ecdh-sha2-nistp384,ecdh-sha2-nistp521,diffie-hellman-group1-sha1,curve25519-sha256@libssh.org
UseDNS no

我们只需要重点关注下这几个值,

PermitRootLogin no,也就是不允许使用root登录,这是为了安全起见
AuthorizedKeysFile %h/.ssh/authorized_keys,指定公钥存放的文件,这个要重点关注下,注意去掉前面的注释

其他的配置,基本不用修改.以上配置修改完成后,我们重启一下服务器端的ssh服务,使用命令sudo service ssh restart即可.最后,我们再回到客户端,测试一下ssh连接是否成功.ssh -T git@yourserver.还不行的话,你就去google查一查错误

2.5 配置服务器git仓库

上一步,我们配置好了客户端ssh连服务器,这一步我们回到服务器上去操作.

#在服务器新建一个文件夹,用来存放git仓库
sudo mkdir /home/chen/bblove
cd /home/chen/bblove
#进入文件夹,对git仓库进行初始化
sudo git init --bare blog.git
#初始化完成后,进入hooks文件夹
cd /home/chen/bblove/blog.git/hooks
#新建一个钩子程序,这个文件名可以自定义,我取名为post-receive
vi post-receive

我们在post-receive中,写入如下代码

#!/bin/sh
git --work-tree=/home/chen/www/bblove_me --git-dir=/home/chen/bblove/blog.git checkout -f

此处,--work-tree指的是你的网站根目录,--git-dir指的是你的git仓库的目录. 编辑完城后,wq退出并保存post-receive文件.下面给钩子程序加上可执行权限

#给钩子程序加上可执行权限
sudo chmod +x /home/chen/bblove/blog.git/hooks/post-receive

最后,修改git仓库权限,否则客户端无法提交代码到这个仓库

#接下来修改git仓库的权限
sudo chown -R git:git blog.git

此处还要注意一点,我们还要修改网站根目录的权限,否则钩子程序执行的时候,无法修改网站根目录的内容.

sudo chown -R git:git /home/chen/www/bblove_me

至此,服务器端配置完成

2.6 修改hexo的配置文件

终于,走到了这一步. 我们打开我们自己hexo博客根目录的_config.yml文件.

deploy:
- type: git
  repo: 'https://github.com/Jackroyal/Jackroyal.github.io.git'
  branch: master
- type: git
  repo: git@bblove.me:/home/git/bblove/blog.git
  branch: master

因为,hexo本身是支持多点发布的,所以我们每次deploy的时候,让他同时推到github和自己的服务器上去. 你只需要改 repo: git@bblove.me:/home/git/bblove/blog.git这一行,git@yourserver:/your-git-dir. ok,大功告成啦,赶快hexo d -g看看效果吧

参考文献

解决 Github Pages 禁止百度爬虫的方法2--从gitcafe迁移到coding.net

Sun, 06 Mar 2016 15:50:46 +0000

上一篇文章解决 Github Pages 禁止百度爬虫的方法,提到了解决百度爬虫被github禁用掉的方法. 把博客同时发布到github pages和gitcafe pages.然后使用dnspod设置域名解析,国内线路解析到gitcafe,国外线路解析到github. 然后今天去上gitcafe,偶然看到这个额(⊙o⊙)…,holly shit.不过没办法,人家都被收购了,我们只能改变策略了. 话说,两家都是做代码托管的,这也是顺(bao)应(tuan)潮(qu)流(nuan)咩?

思路跟原来差不多,就是我们把其中的gitcafe内容替换成coding.net就好,以下简称coding. 把博客同时发布到github pages和coding pages.然后使用dnspod设置域名解析,国内线路解析到coding.net,国外线路解析到github.

注册coding账号
新建一个项目,名字与你的用户名相同,比如我的名字是Jackroyal,新建一个项目名为Jackroyal
添加ssh公钥
新建coding-pages分支
开启pages服务
修改hexo配置
修改dns设置

1 注册coding账号

这个很简单不必说,注册需要填写用户名,邮箱和密码,比如我的用户名就是Jackroyal

2 新建和用户名同名的项目

在注册好账号以后,我们就去新建一个项目,方法和gitcafe不同和gihub类似,就是和用户名同名,一模一样的就行.我的项目名是Jackroyal,项目属性公开

3 添加`ssh`公钥

首先,我们提交代码库有两种方式,一种是https,一种是ssh,两种方式都可以,但是因为我们使用hexo来发布博客的时候是没有地方输入密码的,所以我们才考虑使用ssh方式,不过也不一定,我们还是可以使用https方式来提交hexo的.

3.1 使用ssh方式发布博客

我们只需要找到本地的ssh公钥,然后上传到coding上去就行,点击这里设置.查看本地ssh公钥的方法和上篇博客一样. 复制那一段,然后在coding上添加上去就行

3.2 使用https方式发布

如果非要使用https方式,也是可以的,核心思路就是在本地做一次push操作就行.

我们先git clone命令,我的项目就是git clone https://git.coding.net/Jackroyal/Jackroyal.git得到coding上刚才新建的项目.
克隆完成后,接着我们进到项目目录,我们新建一个文件或者修改一个文件
git add .,把修改提交到暂存区
git commit -m "测试提交",将修改提交到本地仓库
git push,将修改提交到远程仓库
接下来,会让你输入用户名和密码,你输入
然后项目就会提交,因为这个状态会保留下来,你下次在提交就可以不用输入用户名和密码了,这样为我们使用hexo发布代码提供条件 ps:这种方式,可能过一段时间又不行了,报错could not read Username for 'https://git.coding.net': Invalid argument,你再做一次上面的操作就行

4 新建coding-pages分支

当我们可以提交代码的时候,我们先来新建分支,和gitcafe差不多,它需要一个特别的分支名字,而不是像github默认的master分支,名字是coding-pages,如下图所示我们把它设为默认分支

5 开启pages服务

接下来我们需要手动去开启pages服务.在项目主页的pages选项卡,点击开启服务,同时我们,添加域名绑定域名绑定我们还要去修改dns解析,我们先用它分配给我们的域名去访问http://jackroyal.coding.me/,看看能不能正常访问

5 修改hexo配置

前面的准备工作做得差不多,我们修改博客的配置信息,打开博客根目录的_config.yml文件,格式和之前github的差不多:

deploy:
- type: git
  repo: 'https://github.com/Jackroyal/Jackroyal.github.io.git'
  branch: master
- type: git
  repo: 'https://git.coding.net/Jackroyal/Jackroyal.git'
  branch: coding-pages

尤其注意在配置的时候注意留空格,这种键值对,比如type: git,其中的冒号后面到git,有个空格的,不然配置文件就会读取错误. 还要注意branch名称,分支必须是coding-pages **PS:如上面所说,我选择的是https方式发布,所以我的repo是https的,如果你选择ssh方式去认证,那么你的地址应该是类似这样的git@git.coding.net:Jackroyal/Jackroyal.git **

7 修改dns设置

就像第5步页面提示的,我们要绑定自己的域名,需要去修改dns解析记录,只需要添加一条CNAME指向你的jackroyal.coding.me即可. 注意后面加个点,也就是正确的填法是jackroyal.coding.me.,如下图所示.修改完成后大概等几分钟才能生效

8 从gitcafe迁移

如果我们选择从gitcafe迁移的话,他会把我们原来的博客迁移过来.为了适应coding,你只需要从上面第二步开始就好,尤其注意的是,新建coding-pages分支,新建coding-pages分支,新建coding-pages分支,重要的事情说三遍,因为你迁移过来的分支名称是gitcafe-pages. 也就是核心问题,必须有个和用户名同名的项目,项目必须有个分支是coding-pages

其他没提的事情和上一篇是一样的. 最后执行hexo d -g,打完收工

解决 Github Pages 禁止百度爬虫的方法

Wed, 25 Nov 2015 11:06:50 +0000

update:因为gitcafe在5月31号就关闭了,所以要将文章中的gitcafe换掉,我重新写了一篇,在这里解决 Github Pages 禁止百度爬虫的方法2–从gitcafe迁移到coding.net

最近,我的github student package里面送的一个namecheap域名终于下来了.That is to say:我终于有自己的域名了,这就是我的域名http://bblove.me,欢迎来访.

有域名以后,就在想办法解决百度爬虫的问题.

Hi Jackroyal,

We are currently blocking the Baidu user agent from crawling GitHub Pages
sites in response to this user agent being responsible for an excessive amount
of requests, which was causing availability issues for other GitHub customers.
This is unlikely to change any time soon, so if you need the Baidu user agent
to be able to crawl your site you will need to host it elsewhere.

Cheers,
Scott

这是我之前跟github反映百度spider无法抓取我的github pages,他们给我的回复邮件.也就是说他们把百度spider给禁掉了,桑不起. 直接说解决方法: 把博客同时发布到github pages和gitcafe pages.然后使用dnspod设置域名解析,国内线路解析到gitcafe,国外线路解析到github.

实现方法

1 准备条件

一共需要一下这几个东西:

一个github账户
一个gitcafe账户
一个dnspod账号
一个域名
github for windows(或者git客户端也行) 没了,就这么多就行.

2 初始操作

我们在github和gitcafe上面把自己的博客搭建起来,首先要建仓库. github: 首先登录你的github,然后新建一个公共仓库,仓库名是你的用户名加上yourname.github.io,如下图所示,我的用户名是Jackroyal

gitcafe: 操作方法差不多,不过有点区别是,gitcafe新建的公开项目,是和用户名一致的,比如我的用户名是Jackroyal,那我新建的仓库名就是Jackroyal

仓库新建成功后,你获取到的链接应该是类似下面的

https://github.com/Jackroyal/Jackroyal.github.io.git
https://gitcafe.com/Jackroyal/Jackroyal.git

这就是你的两个page对应的仓库.

3 搭建博客

3.1 搭建github pages

当你的仓库建好了,我们就开始搭建博客,因为之前的博客有写,具体过程就不赘述安装和配置hexo 3.0.

按照上面的教程一步一步,就能搭建好博客,然后你就可以访问你的gihub pages了,访问链接就是http://yourname.github.io,比如我的即使http://jackroyal.github.io. 现在我们开始搭建gitcafe上面的pages了.由于hexo现在已经支持多发布,所以很简单,我们只需要配置deploy的信息,修改_config.yml.添加gitcafe的仓库信息.我的修改结果如下,

deploy:
- type: git
  repo: 'https://github.com/Jackroyal/Jackroyal.github.io.git'
  branch: master
- type: git
  repo: 'https://gitcafe.com/Jackroyal/Jackroyal.git'
  branch: gitcafe-pages

尤其需要注意的是,两个的branch是不同的,github默认分支是master,gitcafe默认分支是gitcafe-pages.

3.2 添加gitcafe的ssh公钥

由于我使用的是github for windows的终端界面,也就是github官方提供的客户端,他的好处是,我使用github的时候,不需要配置ssh公钥,密钥之类的东西.如果你用的不是这个,用的是git的客户端,那就需要配置ssh公钥,参考这里github配置公钥. 对的,你猜到了,我们现在需要配置gitcafe的ssh公钥,因为github for windows会自动帮我们上传公钥,gitcafe就只能手动了.

3.2.1 查看本地公钥

我们打开你使用的git终端,首先切回用户目录,然后进入.ssh目录,里面就有公钥和私钥,如下图所示我们就是要读取后缀是.pub的那个文件,比如我的读取命令就是cat github_rsa.pub,执行结果如下

3.2.2 添加公钥到gitcafe

我们在这里来设置gitcafe的公钥. PS:需要注意的是,公钥后面的chen@chen-pc是不需要的,我的带上以后,gitcafe说是公钥非法,不过不怕,gitcafe会帮你正确格式化 反正就是把公钥加上去,就ok了

3.4 同步博客到gitcafe

上面的配置好了以后,我们就可以把博客内容同步到gitcafe了,方法很简单,执行

hexo d -g

然后就可以啦.

4 配置域名

首先你得有个域名,像我一样,哈哈.

4.1 修改域名注册的解析服务器

我们在要把域名解析服务,设置到dnspod,因为他是国内的,而且服务很好.我们登录自己的域名管理后台,选择对应的域名进行管理,然后找到nameservers的设置,如图所示修改的值是

 f1g1ns1.dnspod.net
 f1g1ns2.dnspod.net

常见的域名注册商修改到dnspod,官方提供了教程,看这里- 改完以后可能要等一段时间才能生效,最多72小时 ok,改完以后,这边就完了,我们登录dnspod

4.2 修改dnspod解析记录

我们登录dnspod,然后添加域名如果4.1中的设置生效了,你的域名就会添加成功了,我们直接进行下一步,修改解析记录,上图我们一共添加了5条记录,其中一条泛解析和www解析是针对国内的,所以执行gitcafe;2条泛解析和www解析是针对国外的,所以指向github. 就是添加

@       A      默认  192.30.252.153
@       A      默认  192.30.252.154
@       CNAME  国内  gitcafe.io.
www     CNAME  默认  jackroyal.github.io.
www     CNAME  国内  gitcafe.io.

其他设置项目默认就行了,上面的配置完了,如果你走国外ip访问你的域名的话,会出现404,因为我们还差一步.走国内线路访问一样会出错,都是没绑定的结果.

4.3 添加github的CNAME文件,添加gitcafe自定义域名

现在只差最后一步了,我们先来配置github的CNAME文件,官网有个教程配置CNAME文件.说白了,就是在你的网站根目录,添加一个名为CNAME的文件,里面的内容就是你的域名

bblove.me

没有任何多余的信息,如下图上面的配置现在访问没问题,但是你一重新发布博客,就需要重新手动添加CNAME文件,太麻烦. 一劳永逸的方法,在你的hexo目录下的source目录中,新建一个CNAME文件夹,然后他每次在你发布博客的时候,都会在你的网站根目录生成一个CNAME文件. 现在github的配置彻底结束.

接下来配置gitcafe: 1 我们在gitcafe的项目主页,点击项目设置,如下图(之所以截图,是因为我找半天才看到…) 2 然后我们点击pages服务标签,然后添加自己的域名,这些域名是我们之前在dnspod中设置了解析的

彻底打完收工了

5 总结

总算写完了,写到这里,我一共写了,141行了,写了个把小时.这次主要参考了下面的几篇文章,都写在友情链接里面了.参考了他们的思路,因为他们的方法里面需要自己单独购买vps或者购买CDN,共同的问题是增加了开销,买vps会导致你每次写博客都需要单独发布一次到vps上太麻烦.我后来在网上看到gitcafe也有gitcafe pages服务,如果用这个来处理的话,一来,不会增加多余的开销,他们都是免费的;二来,由于hexo对于多部署的支持,多部署很简单,一次配置,以后就可以不用理会了. ok,收工

友情链接

1 解决 Github Pages 禁止百度爬虫的方法与可行性分析 2 利用 CDN 解决百度爬虫被 Github Pages 拒绝的问题 3 gitcafe官方文档–pages服务 4 gitcafe官方文档–配置ssh公钥

安装和配置hexo 3.0

Tue, 16 Jun 2015 22:22:43 +0000

update：2015-06-24 16:56 额，谁会相信，其实这篇文章是拖了一周之后才写的。

因为最近换回了win7，所以之前搭建的hexo环境都没了，需要重新搭建。在网上看到hexo 3.0 还可以，而且，我妹子也换3.0了，so 我也换成hexo 3.0的。

安装环境

操作系统：win7 相关版本：
hexo-cli: 0.1.7 os: Windows_NT 6.1.7601 win32 x64 node: 0.12.4

安装过程

# 1. 安装Github for windows

因为我之前就在用Github,所以早就安装了这个.已经装过的同学请忽略这一段. 下载 Github for windows 并执行即可完成安装(在线安装,会有点慢)。这个软件的的好处是有一个带GUI的界面,还有一个终端界面.如图所示

# 2. 安装Node.js

在 Windows 环境下安装 Node.js 非常简单，仅须下载安装文件并执行即可完成安装。（win下建议下载msi格式的，因为这样可以不用配置环境变量之类的）

# 3. 测试node.js是否安装

在任何控制台输入(可以按windows键+R,输入cmd,然后输入npm,一般来说不会有问题)

npm

返回值如下

Usage: npm <command>

where <command> is one of:
    add-user, adduser, apihelp, author, bin, bugs, c, cache,
    completion, config, ddp, dedupe, deprecate, docs, edit,
    explore, faq, find, find-dupes, get, help, help-search,
    home, i, info, init, install, isntall, issues, la, link,
    list, ll, ln, login, ls, outdated, owner, pack, prefix,
    prune, publish, r, rb, rebuild, remove, repo, restart, rm,
    root, run-script, s, se, search, set, show, shrinkwrap,
    star, stars, start, stop, submodule, t, tag, test, tst, un,
    uninstall, unlink, unpublish, unstar, up, update, v,
    version, view, whoami

npm <cmd> -h     quick help on <cmd>
npm -l           display full usage info
npm faq          commonly asked questions
npm help <term>  search for help on <term>
npm help npm     involved overview

Specify configs in the ini-formatted file:
    C:\Users\chenhao\.npmrc
or on the command line via: npm <command> --key value
Config info can be viewed via: npm help config

npm@1.4.28 D:\Program Files (x86)\nodejs\node_modules\npm

看到这个结果,就表示你的node.js已经安装上去了 *感谢我们家笨笨的反馈：*此处如果npm无效，首先确定win下你采用的是msi格式的安装文件，然后重启下电脑，应该就正常了。

# 4. 安装hexo

接下来的操作我都是用Github for windows自带的Bash来完成的,因为后面会涉及到SSH,用Github for windows,就可以避免这个问题.

在Bash中输入以下命令

npm install hexo-cli -g

创建hexo文件夹创建你hexo放置的文件夹,先用Bash进入到目标文件夹,比如我的是F:/blog/,接下来初始化hexo,自动生成相关的文件,在F:/blog/环境下,输入

cd /f/blog  # 这个命令表示当前进入目录为f：/blog/
hexo init

安装依赖包

npm install

本地预览,做完以上操作,可以本地预览一下

hexo g
hexo s

以上两条命令的意思是: 生成相关文件(就是生成目标html,静态博客嘛,就是很多html组成) 打开本地服务器预览(node.js就是干这事的,点击访问http://localhost:4000,就可以看到了) **update-2015-09-29:**在3.0版本中将hexo server(简写命令就是hexo s),独立成模块,需要手动安装,不然你执行hexo s,就会出现无法识别这个命令安装方法和后面配置模块一样

npm install hexo-server --save

ok,到这里,博客搭建基本完成,现在要做的就是把它发布到你的Github上去

接下来,教你怎么发布到Github上去

注册Github

这一步没什么说的,如果你连简单的注册都不会,我也不会教你╮(╯▽╰)╭

创建公共库

在自己Github主页右下角，创建一个新的repository(点这里)。比如我的Github账号是Jackroyal，那么我应该创建的repository名字应该是Jackroyal.github.io(注意你的repository名字就是Jackroyal.github.io,我之前用的是Jackroyal怎么尝试都不行)。

PS:有个大小写的问题其实我注册的是Jackroyal,大写的J,但是我访问的时候特别是带https的链接,他会自动转为小写访问.怎么说呢?简单点,你就按照你的用户名来,该大写大写,该小写小写

部署

现在万事俱备,只差部署了. hexo3.0,跟2.0不同,deploy插件我们需要手动去安装,执行如下命令:

npm install hexo-deployer-git --save

接下来,我们来配置deploy的信息,修改_config.yml. 这个文件在路径是F:/blog/_config.yml. 用编辑器把它打开,修改最后一段

deploy:
  type: git
  repo: https://github.com/Jackroyal/Jackroyal.github.io.git
  branch: master

照着我的这个格式修改就好了,把我里面的用户名替换成你的. 至此基本完成所有搭建步骤.

上传

我们开始上传项目的代码,再重复一次,我一直以来用的工具都是_Github for windows_自带的Bash,所以我没有配置SSH,如果你用的windows自带的终端或者其他比如msysgit,可能需要配置SSH,不然无法使用Github(点击这里查看官方教程). 我们输入以下命令

hexo g
hexo d

或者偷个懒

hexo d -g

ok,现在就可以去看看你的个人主页了,逼格满满有木有. 如果发布不成功,继续往下面看.

配置hexo

上面的内容和之前一样,接下来写,配置hexo 3.0的步骤.

1 安装rss支持

执行如下命令:

npm install hexo-generator-feed --save

我们接下来修改配置文件,编辑_config.yml

feed:
  type: atom
  path: atom.xml
  limit: 20

2 安装sitemap支持

执行如下命令:

npm install hexo-generator-sitemap --save

我们接下来修改配置文件,编辑_config.yml

sitemap:
    path: sitemap.xml

PS:类似的,还可以安装其他的插件,尤其注意hexo-deployer-git这个插件,如果你发布不成功,可能是这个插件没有装

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-deployer-git --save

3 最终修改后的配置文件

我把我的配置文件分享出来给大家参考下:

# Hexo Configuration
# # Docs: http://hexo.io/docs/configuration.html
# # Source: https://github.com/hexojs/hexo/

# Site
title: 搁浅St的blog
subtitle: 我最喜欢笨笨
description: jackroyal 博客 搁浅St 笨笨
author: 搁浅St
author: John Doe
language: zh-CN
timezone:

# URL
# # If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://jackroyal.github.io
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

# Writing
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
  enable: true
  line_number: true
  auto_detect: true
  tab_replace:

# Category & Tag
default_category: uncategorized
category_map:
tag_map:

# Date / Time format
# # Hexo uses Moment.js to parse and display date
# # You can customize the date format as defined in
# # http://momentjs.com/docs/# /displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss

# Pagination
# # Set per_page to 0 to disable pagination
per_page: 10
pagination_dir: page


# Extensions
# # Plugins: http://hexo.io/plugins/

index_generator:
  per_page: 10 ## 首页默认10篇文章标题 如果值为0不分页

archive_generator:
    per_page: 10 ## 归档页面默认10篇文章标题
    yearly: true  ## 生成年视图
    monthly: true ## 生成月视图

tag_generator:
    per_page: 10 ## 标签分类页面默认10篇文章

category_generator:
    per_page: 10 ### 分类页面默认10篇文章

sitemap:
    path: sitemap.xml

feed:
  type: atom
  path: atom.xml
  limit: 20

duoshuo_shortname: jackroyal  ## 这里填写你的多说的短网址
# # Themes: http://hexo.io/themes/
theme: light   ## 主题的名称,我用的是light,默认的是landscape

# Deployment
# # Docs: http://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/Jackroyal/Jackroyal.github.io.git
  branch: master

hexo 3.0有一些新的特性,插件的封装更好了,插件安装和管理很方便. hexo还支持多发布,可以同时发布到github和gitcafe.

参考文献

1 hexo 服务器

给hexo配置上评论和访问量

Sat, 30 May 2015 14:08:49 +0000

哈哈,我们家笨笨,绝对是我学习技术的很大很大很大大的动力.更开始用github pages的时候,就觉得没法看访问量和评论数量这事,很蛋疼,不过也没折腾. 今天上午,我们家笨笨说没有评论和访问量不好,都不知道多少人看了.妹子都发话了,果断要搞定.

google一番找到解决方法:

1 关于评论数量的显示,我们可以直接使用多说官网提供的方法,很简单

2 关于访问量统计这事儿,不太好搞,我找到了这个不蒜子,这位非著名码农自己做的访问统计,哈哈,点个赞

3 今天还看到了font-awesome,可以显示一些小图标,为了显示效果更好,一并加上去

先展示一下最终的效果:

下面,开始动手

1 配置评论数量的显示

首先,确认你的评论系统用的是多说,如果不是,那就不用继续往下看了(参考这里配置多说). 我使用的主题是light,其他主题原理类似.我们打开themes/light/layout/_partial/article.ejs,我们在header标签的尾部添加上下面的代码:

    <% if (item.excerpt && index){ %>
     <% } else { %>
     <div class="busuanzi_container_page_pv">
       <span class="head-plus">
       <i class="fa fa-user"></i><span id="busuanzi_value_page_pv"><i class="fa fa-spinner fa-spin"></i></span>次访问
       </span>
       <span class="head-plus">
       <i class="fa fa-comments"></i><span class="ds-thread-count" data-thread-key="<%= page.layout %>-<%= page.slug %>"><i class="fa fa-spinner fa-spin"></i></span>条评论
       </span>
     </div>
     <% } %>

最终效果如图以上代码,是最终成型的代码,我加入了一些美化的东西,最核心的就是

<span class="ds-thread-count" data-thread-key="<%= page.layout %>-<%= page.slug %>"></span>

尤其注意data-thread-key的设置,他和你之前配置多说的时候是一致的,每篇文章有一个独一无二的key,你可以去你的themes/light/layout/_partial/comment.ejs里找到关于data-thread-key的内容,直接复制过来即可.

Ps:这里我们可能还需要配置下数据显示的格式,在你的多说后台管理里面,进入设置界面如图我们找到暂无评论,1条评论,{num}条评论,这几个设置,修改成自己要的格式,也可以参照我的修改,0,1,{num}

2 配置文章访问量的显示

这个更简单了,按照作者的说法,只需要引入一个js,再添加一个span就完成了.由于js一般放置在页面的最底部,所以我们找到themes/light/layout/_partial/after_footer.ejs,我们在最后添加上下面的代码:

<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
</script>

上面就完成了js文件的引入,我们再在要显示访问量的地方添加一个span就行了.比如我想显示在标题的下面,那就打开themes/light/layout/_partial/article.ejs,添加的代码,就是第一步里面添加的那个.如果你想简洁一点,也可以只添加下面核心代码就行:

本站总访问量<span id="busuanzi_value_site_pv"></span>次
本站访客数<span id="busuanzi_value_site_uv"></span>人次
本文总阅读量<span id="busuanzi_value_page_pv"></span>次

3 经过美化后最终的代码

如果只用官方提供的代码,没有优化,很丑,我优化了下,分享一下.

1.修改themes/light/layout/_partial/article.ejs,在header标签的末尾添加以下代码

    <% if (item.excerpt && index){ %>
     <% } else { %>
     <div class="busuanzi_container_page_pv">
       <span class="head-plus">
       <i class="fa fa-user"></i><span id="busuanzi_value_page_pv"><i class="fa fa-spinner fa-spin"></i></span>次访问
       </span>
       <span class="head-plus">
       <i class="fa fa-comments"></i><span class="ds-thread-count" data-thread-key="<%= page.layout %>-<%= page.slug %>"><i class="fa fa-spinner fa-spin"></i></span>条评论
       </span>
     </div>
     <% } %>

2.修改themes/light/layout/_partial/footer.ejs,下面是footer.ejs的全部代码:

<div class="alignleft">
  <% if (config.author){ %>
  &copy; <%= new Date().getFullYear() %> <%= config.author %>
  <% } else { %>
  &copy; <%= new Date().getFullYear() %> <%= config.title %>
  <% } %>
<span id="busuanzi_container_site_pv">
     <i class="fa fa-flag"></i>    你是第<span id="busuanzi_value_site_pv"><i class="fa fa-spinner fa-spin"></i></span>个到访的小伙伴
</span>
</div>
<div class="clearfix"></div>

3.修改themes/light/layout/_partial/after_footer.ejs,我们在最后添加上下面的代码:

<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
</script>

4.修改themes\light\source\css\_partial\article.styl,我们在第124行,在.entry之前添加上以下代码,尤其注意与左右的间距,因为它是一个树形结构,它与左侧的距离,影响着它的层级.我们这里应该和entry平级,下面代码应该与.entry对齐

  .busuanzi_container_page_pv
      margin:20px 0
      color: # 817C7C
      font-size: 12px
  # busuanzi_value_page_pv
      padding-left:4px
  .head-plus
      padding-left:4px
  .ds-thread-count
      padding-left:4px

最终效果如图: 5.修改themes\light\source\css\_partial\footer.styl,在最后添加上以下代码

# busuanzi_value_site_pv
  color:black
  padding:4px
# busuanzi_container_site_pv
  padding-left:2em

6.修改themes\light\source\css\_partial\variable.styl,在最后添加以下代码

@import url("http://libs.useso.com/js/font-awesome/4.2.0/css/font-awesome.min.css")

ok 打完收工

参考文献

1 博客访问技术工具–不蒜子 http://ibruce.info/2015/04/04/busuanzi/ 2 多说-代码显示【文章评论数】方法

致谢

这里，要感谢我最亲爱的笨笨http://huirong.github.io

hexo发布失败

Sun, 29 Mar 2015 18:09:28 +0000

可能受到上次ddos的问题,这两天国内访问github,总是感觉不顺畅.

今天下午写了一篇博客,可是却发布不成功,一直卡在这一步:

然后我继续等,得到如下错误:

hexo Failed to receive SOCKS4 connect request ack.

我执行了hexo clean命令,手动删掉了.deploy文件夹,可是还是不行最后报错无法连接https://github.com/Jackroyal/Jackroyal.github.io.git

(ps:此处已经无法重现了,抽风啊)

最后我换了下这条链接我修改了博客目录下的_config.yml,改了deploy参数原参数设置

deploy:
  type: github
  repo: https://github.com/Jackroyal/Jackroyal.github.io.git
  branch: master

修改以后:

deploy:
  type: github
  repo: git@github.com:Jackroyal/Jackroyal.github.io.git
  branch: master

然后就deploy成功了.

PPPS:千万注意,上面的参数设置repo:后面有一个空格,没有空格会报错

update:

repo的两种方式分别为ssh和https 昨天没搞清楚,专门去查了一下,ssh和https两种提交的区别官方推荐用https,因为这回要求你输入用户名和密码,这样更安全用ssh的话,只要你的ssh-key(可以设置一道类似密码的东西,和你的key一起加密,这样使用的时候会要求输入这段密码)对,那么就都可以提交,没有了更多的验证过程(可以设置一个para加密,提交会要求输入这段para)

2015-05-06 最近又发现，使用ssh提交的话，github不会计算到你的conribute里面去，也就是你今天提交了，但是github的contribute不会变化，所以还是改成https吧，不然怎么装B呢？

友情链接

ubuntu shadowsocks 全局代理

配置hexo

Fri, 28 Nov 2014 21:07:27 +0000

经过上篇博客,我们搭建起了自己的博客,接下来我们对它做些个性化的定制. 在hexo中,配置文件一共两个(我的hexo安装在F:/blog/),分别是F:/blog/_config.yml和F:/blog/themes/light/_config.yml.第一个是全局的配置文件,第二个是主题的配置文件,在继续说之前,我们先来说一下主题安装.

主题安装

这个很简单,在hexo的Github的主页上有个主题栏目,https://github.com/hexojs/hexo/wiki/Themes,里面列出了很多主题. 安装方法很简单

$ git clone <repository> themes/<theme-name>

举个简单例子,我安装的主题名为light,请在F:/blog/目录下执行以下代码

$ git clone https://github.com/hexojs/hexo-theme-light themes/light

如果你不是在F:/blog/中执行,请修改后面的路径themes/light为你的路径.基本原理就是把主题下下来,放在themes目录下就OK了,主题安装完毕.

修改全局配置文件 `F:/blog/_config.yml`

# Hexo Configuration
# # Docs: http://hexo.io/docs/configuration.html
# # Source: https://github.com/hexojs/hexo/

# Site
title: 搁浅St的blog  # 站点的名称
subtitle: 我最喜欢笨笨   # 站点的副标题
description:             # 站点的描述,有利于搜索引擎的抓取
author: 搁浅St       # 作者
email: geqianst@qq.com          # 你的邮箱
language: zh-CN           # 语言,一般应该都是这个吧

# URL
# # If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://jackroyal.github.io       # 网站的url,在页面上,可以调用配置中的url参数,就是这个,比如google自定义搜索,需要制定搜索范围,就是通过这个设置的
root: /
permalink: :year/:month/:day/:title/
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
permalink_defaults:

# Directory
source_dir: source
public_dir: public

# Writing
new_post_name: :title.md # File name of new posts
default_layout: post  
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
highlight:
  enable: true
  line_number: true
  tab_replace:

# Category & Tag
default_category: uncategorized  
category_map:
tag_map:

# Archives 默认值为2，这里都修改为1，相应页面就只会列出标题，而非全文
# # 2: Enable pagination
# # 1: Disable pagination
# # 0: Fully Disable
archive: 1
category: 1
tag: 1

# Server
# # Hexo uses Connect as a server
# # You can customize the logger format as defined in
# # http://www.senchalabs.org/connect/logger.html
port: 4000
server_ip: localhost
logger: false
logger_format: dev

# Date / Time format
# # Hexo uses Moment.js to parse and display date
# # You can customize the date format as defined in
# # http://momentjs.com/docs/# /displaying/format/
date_format: MMM D YYYY
time_format: H:mm:ss

# Pagination
# # Set per_page to 0 to disable pagination
per_page: 5
pagination_dir: page

# Disqus
disqus_shortname:
# 这一行是我添加的duoshuo_shortname,因为天朝disqus不好用,用多说
duoshuo_shortname: jackroyal
# Extensions
# # Plugins: https://github.com/hexojs/hexo/wiki/Plugins
# # Themes: https://github.com/hexojs/hexo/wiki/Themes
theme: light
exclude_generator:

# Deployment  发布相关设置
# # Docs: http://hexo.io/docs/deployment.html
deploy:
  type: github
  repo: https://github.com/Jackroyal/Jackroyal.github.io.git
  branch: master

至此,全局配置文件修改完毕,你可以hexo g和hexo s进行查看.

menu:# 导航栏的设置默认只有这两个,还可以添加更多的导航
  Home: /
  Archives: /archives
# 它就是你页面右边的侧边项目,比如搜索之类,你可以根据自己的需求进行修改,你能用几个widgets可以在F:\blog\themes\light\layout\_widget中进行查看
widgets:# 我这里使用了所有的widgets
- search
- category
- tag
- recent_posts
- tagcloud

excerpt_link: Read More  # 可以换成中文的  阅读全文

twitter:
  username:
  show_replies: false
  tweet_count: 5
//默认的一个分享组件,因为主要针对国外,不适合国内我们不使用它
addthis:
  enable: false  # 把true改为false
  pubid:
  facebook: true
  twitter: true
  google: true
  pinterest: true

fancybox: true

google_analytics:
rss:
duoshuo_shortname: jackroyal  # 多说的用户名

comment_provider:
# Facebook comment
facebook:
  appid: 123456789012345
  comment_count: 5
  comment_width: 840
  comment_colorscheme: light

至此,配置文件修改完毕,上面提到了我们不适用disqus的评论组件,使用多说,下面教大家来配置多说

创建多说

首先我们去多说注册一个账号,点击这里我们点击我要安装,界面如下 shortname就是jackroyal,创建完成后,跳转到如下界面我们选择通用代码,点击复制,就行了

配置多说

这里说一个前提,我使用的是light主题,如果你用的是其他主题,接下来的设置可能给我有点区别,但是原理差不多,参考看看

我们打开F:\blog\themes\light\layout\_partial\comment.ejs这个文件,然后修改后代码如下(如果你不是light主题,可能跟这个不一样,你去找下包含comment的section在哪里,改法还是这样.例如系统默认的landscape主题,下面这段代码就是在article.ejs,它没有comment.ejs)

<% if (page.comments){ %>
<!-- 这里添加了一个导航,页面的下面会有一个上一篇,下一篇 -->
 <nav id="pagination" >
    <% if (page.prev) { %>
    <a href="<%- config.root %><%- page.prev.path %>" class="alignleft prev" > <%=page.prev.title %> </a>
    <% } %>
    <% if (page.next) { %>
    <a href="<%- config.root %><%- page.next.path %>" class="alignright next" > <%=page.next.title %> </a>
    <% } %>
    <div class="clearfix"></div>
</nav>
<!-- 导航结束 -->
<section id="comments">
<!-- 这里是多说的代码,直接把你的代码粘贴到这里就行 -->
    <!-- 多说评论框 start -->
    <div class="ds-thread" data-thread-key="<%= page.layout %>-<%= page.slug %>" data-title="<%= page.title %>" data-url="<%= page.permalink %>"></div>
    <!-- 多说评论框 end -->
    <!-- 多说公共JS代码 start (一个网页只需插入一次) -->
    <script type="text/javascript">
    var duoshuoQuery = {short_name:'<%= config.duoshuo_shortname %>'};
      (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 -->
  <!-- 多说结束 -->
  </section>
<% } %>

眼尖的同学可能已经看到我的上面第16行代码与你们的不同,这行代码包括了页面的标题和url,它会根据hexo的配置,由hexo动态生成,所以你把你的代码替换成我的这行代码.

<div class="ds-thread" data-thread-key="<%= page.layout %>-<%= page.slug %>" data-title="<%= page.title %>" data-url="<%= page.permalink %>"></div>

至此,多说添加完毕

修复bug

我发现light的主题貌似有个小bug,在F:\blog\themes\light\layout\_partial\article.ejs中间第27行有这样一行代码

        <% if (item.comment && config.disqus_shortname){ %>

首先我们,替换config.disqus_shortname为config.duoshuo_shortname. 然后修改item.comment为item.comments,因为系统中没有comment这个变量,只有comments这个变量,如果不修改comments,那么item.comment一直为假,所以一直不成立,就不会显示comments字段了.修改后代码如下

 <% if (item.comments && config.duoshuo_shortname){ %>

产生的效果如图. 至此,配置hexo,打完收工 enjoy it

参考文献

1 http://zipperary.com/2013/05/29/hexo-guide-3/ 2 duoshuo官方Hexo使用教程

使用hexo建立自己的Github pages

Thu, 27 Nov 2014 14:48:29 +0000

昨天经过一天的折腾,总算把博客搭建起来了,今天就来写个博客总结一下. 网上的资料很多,我主要参考的是这篇博客,一路很顺利.

http://zipperary.com/2013/05/28/hexo-guide-2/

一个很重要的原因就是他是针对windows的,刚好我也在用windows.

安装过程

# 1. 安装Github for windows

因为我之前就在用Github,所以早就安装了这个.已经装过的同学请忽略这一段. 下载 Github for windows 并执行即可完成安装(在线安装,会有点慢)。这个软件的的好处是有一个带GUI的界面,还有一个终端界面.如图所示如果你不喜欢用这个,也可以用上面的博客推荐的msysgit.

# 2. 安装Node.js

在 Windows 环境下安装 Node.js 非常简单，仅须下载安装文件并执行即可完成安装。（win下建议下载msi格式的，因为这样可以不用配置环境变量之类的）

# 3. 测试node.js是否安装

在任何控制台输入(可以按windows键+R,输入cmd,然后输入npm,一般来说不会有问题)

npm

返回值如下

Usage: npm <command>

where <command> is one of:
    add-user, adduser, apihelp, author, bin, bugs, c, cache,
    completion, config, ddp, dedupe, deprecate, docs, edit,
    explore, faq, find, find-dupes, get, help, help-search,
    home, i, info, init, install, isntall, issues, la, link,
    list, ll, ln, login, ls, outdated, owner, pack, prefix,
    prune, publish, r, rb, rebuild, remove, repo, restart, rm,
    root, run-script, s, se, search, set, show, shrinkwrap,
    star, stars, start, stop, submodule, t, tag, test, tst, un,
    uninstall, unlink, unpublish, unstar, up, update, v,
    version, view, whoami

npm <cmd> -h     quick help on <cmd>
npm -l           display full usage info
npm faq          commonly asked questions
npm help <term>  search for help on <term>
npm help npm     involved overview

Specify configs in the ini-formatted file:
    C:\Users\chenhao\.npmrc
or on the command line via: npm <command> --key value
Config info can be viewed via: npm help config

npm@1.4.28 D:\Program Files (x86)\nodejs\node_modules\npm

# 4. 安装hexo

接下来的操作我都是用Github for windows自带的Bash来完成的,因为后面会涉及到SSH,用Github for windows,就可以避免这个问题.

在Bash中输入以下命令

npm install -g hexo

创建hexo文件夹创建你hexo放置的文件夹,先用Bash进入到目标文件夹,比如我的是F:/blog/,接下来初始化hexo,自动生成相关的文件,在F:/blog/环境下,输入

cd /f/blog  # 这个命令表示当前进入目录为f：/blog/
hexo init

安装依赖包

npm install

本地预览,做完以上操作,可以本地预览一下

hexo g
hexo s

以上两条命令的意思是: 生成相关文件(就是生成目标html,静态博客嘛,就是很多html组成) 打开本地服务器预览(node.js就是干这事的,点击访问http://localhost:4000,就可以看到了) ok,到这里,博客搭建基本完成,现在要做的就是把它发布到你的Github上去

接下来,教你怎么发布到Github上去

注册Github

这一步没什么说的,如果你连简单的注册都不会,我也不会教你╮(╯▽╰)╭

创建公共库

PS:有个大小写的问题其实我注册的是Jackroyal,大写的J,但是我访问的时候特别是带https的链接,他会自动转为小写访问.怎么说呢?简单点,你就按照你的用户名来,该大写大写,该小写小写

部署

现在万事俱备,只差部署了,我们来配置下_config.yml. 这个文件在路径是F:/blog/_config.yml. 用编辑器把它打开,修改最后一段 ps:以下为hexo 2.8x的配置方法,不适用于3.0

deploy:
  type: github
  repo: https://github.com/Jackroyal/Jackroyal.github.io.git
  branch: master

update 2015-06-16: 现在hexo由2.8升级到3.0了,按照上面的方式安装,你的hexo版本是hexo 3.0,3.0的这段代码的设置内容如下:

deploy:
  type: git
  repo: https://github.com/Jackroyal/Jackroyal.github.io.git
  branch: master

照着我的这个格式修改就好了,把我里面的用户名替换成你的. 至此基本完成所有搭建步骤.

上传

hexo g
hexo d

或者偷个懒

hexo d -g

ok,现在就可以去看看你的个人主页了,逼格满满有木有.

问题

我的中间出过一些问题:

我的hexo d的时候出错,可以尝试手动删除.deploy文件夹,然后执行hexo clean还有可能出现的情况是,deploy没错但是一直没有提示deploy done,那就是骚年,你访问Github网速太慢
我deploy d成功以后,在Github里面已经看到生成的页面了,访问http://jackroyal.github.io或者https://jackroyal.github.io一直报404的错误,这种时候等一等就好了,一般等几分钟.如果一直不好那就给官方发个邮件,他们很快会回复你的,有什么问题说清楚就行.

致谢

这里，要感谢我最亲爱的笨笨，是她给我测试和反馈的http://huirong.github.io

Hexo on 搁浅St的blog

将hexo部署到自己的个人服务器上

1 ugly的解决办法

2 完美的搞法

2.1 在vps上安装git

2.2 创建git用户

2.3 设置密码登录

2.4 配置ssh证书

2.4.1 生成ssh证书

2.4.2 上传公钥

2.4.3 测试ssh连接

2.4.4 ssh测试失败

2.4.4.1 客户端ssh配置

2.4.4.2 服务器ssh配置

2.5 配置服务器git仓库

2.6 修改hexo的配置文件

参考文献

解决 Github Pages 禁止百度爬虫的方法2--从gitcafe迁移到coding.net

1 注册coding账号

2 新建和用户名同名的项目

3 添加ssh公钥

3.1 使用ssh方式发布博客

3.2 使用https方式发布

4 新建coding-pages分支

5 开启pages服务

5 修改hexo配置

7 修改dns设置

8 从gitcafe迁移

解决 Github Pages 禁止百度爬虫的方法

实现方法

1 准备条件

2 初始操作

3 搭建博客

3.1 搭建github pages

3.2 添加gitcafe的ssh公钥

3.2.1 查看本地公钥

3.2.2 添加公钥到gitcafe

3.4 同步博客到gitcafe

4 配置域名

4.1 修改域名注册的解析服务器

4.2 修改dnspod解析记录

4.3 添加github的CNAME文件,添加gitcafe自定义域名

5 总结

友情链接

安装和配置hexo 3.0

安装环境

安装过程

# 1. 安装Github for windows

# 2. 安装Node.js

# 3. 测试node.js是否安装

# 4. 安装hexo

ok,到这里,博客搭建基本完成,现在要做的就是把它发布到你的Github上去

注册Github

创建公共库

部署

上传

配置hexo

1 安装rss支持

2 安装sitemap支持

3 最终修改后的配置文件

参考文献

给hexo配置上评论和访问量

1 关于评论数量的显示,我们可以直接使用多说官网提供的方法,很简单

2 关于访问量统计这事儿,不太好搞,我找到了这个不蒜子,这位非著名码农自己做的访问统计,哈哈,点个赞

3 今天还看到了font-awesome,可以显示一些小图标,为了显示效果更好,一并加上去

1 配置评论数量的显示

2 配置文章访问量的显示

3 经过美化后最终的代码

参考文献

致谢

hexo发布失败

update:

友情链接

配置hexo

主题安装

修改全局配置文件 F:/blog/_config.yml

创建多说

配置多说

修复bug

参考文献

3 添加`ssh`公钥

修改全局配置文件 `F:/blog/_config.yml`