hexo学习

https://xdd7130.github.io若存储在master中,xdd7130不可更改,必须和github的username一致.

为博客添加访问量

参考:https://blog.csdn.net/qw8880000/article/details/80235391
这里使用的是不蒜子提供的阅读统计功能,使用的hexo主题是stage。

添加是否开启统计功能的配置

找到stage主题的配置文件themes/stage/_config.yml,找到原来的footer字段,加入一个配置,这里我们叫它counter吧,即

1
2
3
4
footer:
# -------------------------------------------------------------
# visitors count
counter: true

修改stage主题的模板文件
由于是把访问量统计放在网页的footer,所以我们需要修改的模板文件是theme/stage/layout/_partials/footer.ejs。
我们在合适的位置加入:

1
2
3
4
5
6
7
8
9
{% if theme.footer.counter %}
<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>

<span id="busuanzi_container_site_pv">总访问量<span id="busuanzi_value_site_pv"></span>次</span>
<span class="post-meta-divider">|</span>
<span id="busuanzi_container_site_uv">总访客<span id="busuanzi_value_site_uv"></span>人</span>
<span class="post-meta-divider">|</span>

{% endif %}

Quick Start

Create a new post

1
$ hexo new "My New Post"

More info: Writing

Run server

1
$ hexo server

More info: Server

Generate static files

1
$ hexo generate

More info: Generating

Deploy to remote sites

1
$ hexo deploy

More info: Deployment

Hexo+github搭建博客

1、 npm install -g hexo
错误:npm WARN deprecated titlecase@1.1.2: no longer maintained
解决:安装淘宝镜像

1
2
npm config set registry https://registry.npm.taobao.org
npm install -g cnpm --registry=https://registry.npm.taobao.org

2、 初始化(hexo init)
Hexo文件夹必须为空。
3、 hexo g 生成静态文件

1
hexo s 搭建本地服务查看localhost:4000

4、 hexo d
问题:$ hexo d: ERROR Deployer not found: git

1
npm install --save hexo-deployer-git

部署本地文件到github
既然Repository已经创建了,当然是先把博客放到Github上去看看效果。编辑E:\hexo下的_config.yml文件,建议使用Notepad++。
在_config.yml最下方,添加如下配置(命令中的第一个tengj为Github的用户名,第二个tengj为之前New的Repository的名字,记得改成自己的。另外记得一点,hexo的配置文件中任何’:’后面都是带一个空格的),如果配置以下命令出现ERROR Deployer not found : github,则参考上文的解决方法

1
2
3
4
deploy: 
type: git
repository: https://github.com/tengj/tengj.github.io.git
branch: master

配置_config.yml并保存。如果你是第一次使用Github或者是已经使用过,但没有配置过SSH,则可能需要配置一下:
在Git Bash输入以下指令(任意位置点击鼠标右键),检查是否已经存在了SSH keys。
ls -al ~/.ssh
如果不存在就没有关系,如果存在的话,直接删除.ssh文件夹里面所有文件:
输入以下指令(邮箱就是你注册Github时候的邮箱)后,回车,出现提示让你输入的时候直接先回车,好像需要3次,如下图所示:

1
ssh-keygen -t rsa -C "2621324849@qq.com"

然后键入以下指令:

1
ssh-agent -s

继续输入指令:

1
ssh-add ~/.ssh/id_rsa

输入之后,在我这里是出错了,不知道你的有没有出错。
如果你的也是这样子出错了的话,就输入以下指令:

1
2
eval `ssh-agent -s`
ssh-add

到了这一步,就可以添加SSH key到你的Github账户了。键入以下指令,拷贝Key(先拷贝了,等一下可以直接粘贴,不放心的在执行下面命令后,先黏贴在记事本上):

1
clip < ~/.ssh/id_rsa.pub

然后到Github里面,点击右上角的设置图标Settings,找到SSH keys,Ttile随便你命名,Key就黏贴上你刚才复制的key,然后点Add SSH key,最后会让你重新输入下gitHub的密码
最后还是测试一下吧,键入以下命令:

1
ssh -T git@github.com

你可能会看到有警告,没事,输入“yes”就好
以上就表示SSH配置好了,执行以下命令部署到Github上。
hexo g
hexo d
如果执行hexo d命令报下名错:
就先安装一下hexo-deployer-git这个模块:npm install hexo-deployer-git –save
安装好了继续执行hexo d部署命令,输入gitHub的账号密码,就可以访问了。

问题:博客引入图片

解决办法
1.首先把blog(hexo)目录下的_config.yml里的psot_asset_folder:设置为true

2.在blog(hexo)目录下执行:

npm install hexo-asset-image –save
3.在blog(hexo)目录下Git Bash Here,运行hexo n “博客名”来生成md博客时,会在_post目录下看到一个与博客同名的文件夹。

4.将想要上传的图片先扔到文件夹下,然后在博客中使用markdown的格式引入图片:

你想要输入的替代文字
ps:因为博客名和文件夹名字相同,所以不需要绝对路径,只要xxxx是文件夹的名字就可以了。

5.然后,使用hexo g部署的时候,进入public\2018\04\19\index.html文件中查看相关字段,可以发现html标签内的语句是img src = “2018/04/19/xxxx/图片名.jpg”而不是img src=”xxxx.图片名.jpg”,这就成功了,当然前面步骤操作正确的话,这一步也不用检查。