Hexo深坑之旅(3)—实用技巧

前言:在搭建hexo博客的过程中遇到了许多问题,同时也发现了一些实用的小技巧,下面做一个总结与大家分享。

hexo基本命令

$ hexo clean #清除缓存文件 (db.json) 和已生成的静态文件 (public)
$ hexo generate = hexo g #生成静态文件
$ hexo server = hexo s #启动服务器(本地预览)。默认情况下,访问网址为: http://localhost:4000/。
$ hexo deploy = hexo d #远程部署
$ hexo new "文章标题" = hexo n "文章标题" #新建一篇博文 (默认使用post)
$ hexo new page "页面标题" #新建页面

一般情况下,修改网站之后只要部署下面几个命令就行

$ hexo clean
$ hexo g
$ hexo d

页面乱码问题

原因:文件未正确编码。
解决:大部分是中文显示不正确,因此只要将文件保存为UTF-8即可解决问题。
方法:
用记事本打开本地的博客文件“xxx.md”或者“xxx.yml”,然后点“另存为”,“编码(E):”选择“UTF-8”,
点击“保存”,替换原文件。刷新网页即可成功显示。

还原默认主题配置

搭建博客时,会经常不小心改变了默认配置,又无法找出的时候,可以选择先备份原主题文件夹后再删除,然后重新再下载主题一次,将原主题文件夹进行替换后轻松搞定。

不蒜子站内统计

安装脚本(必选)

打开themes/你的主题/layout/_partial/footer.pejs添加如下脚本即可。

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

安装标签

显示站点总访问量

要显示站点总访问量,复制以下代码添加到你需要显示的位置。可以打开themes/你的主题/layout/_partial/footer.ejs添加即可。
有两种代码可选:
代码a:pv的方式,单个用户连续点击n篇文章,记录n次访问量。

<span id="busuanzi_container_site_pv">
本站总访问量<span id="busuanzi_value_site_pv"></span>次
</span>

代码b:uv的方式,单个用户连续点击n篇文章,只记录1次访客数。

<span id="busuanzi_container_site_uv">
本站访客数<span id="busuanzi_value_site_uv"></span>人次
</span>

显示单页面访问量

要显示每篇文章的访问量,复制以下代码添加到你需要显示的位置。
代码:pv的方式,单个用户点击1篇文章,本篇文章记录1次阅读量。

<span id="busuanzi_container_page_pv">
本文总阅读量<span id="busuanzi_value_page_pv"></span>次
</span>

具体代码演示
实际效果:



具体代码:

<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
</script>
</br>本站总访问量<span id="busuanzi_value_site_pv"></span>次,本站访客数<span id="busuanzi_value_site_uv"></span>人次,本文总阅读量<span id="busuanzi_value_page_pv"></span>次

创建公益404页面

在主题下的source目录里创建404.html
输入代码:

<html>
<head>
<meta charset="utf-8">
<title>404页面</title>
<style>
*{margin:0;padding:0;outline:none;font-family:\5FAE\8F6F\96C5\9ED1,宋体;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;cursor:default;font-weight:lighter;}
.center{margin:0 auto;}
.whole{width:100%;height:100%;line-height:100%;position:fixed;bottom:0;left:0;z-index:-1000;overflow:hidden;}
.whole img{width:100%;height:100%;}
.mask{width:100%;height:100%;position:absolute;top:0;left:0;background:#000;opacity:0.6;filter:alpha(opacity=60);}
.b{width:100%;text-align:center;height:400px;position:absolute;top:50%;margin-top:-230px}.a{width:150px;height:50px;margin-top:30px}.a a{display:block;float:left;width:150px;height:50px;background:#fff;text-align:center;line-height:50px;font-size:18px;border-radius:25px;color:#333}.a a:hover{color:#000;box-shadow:#fff 0 0 20px}
p{color:#fff;margin-top:40px;font-size:24px;}
#num{margin:0 5px;font-weight:bold;}
.plan{color: black;background: white;font-size: 30px; margin-top: 20px;}
.plan:hover{color: white;background: black;font-size: 30px;}
#gg {
position: absolute;
width: 654px;
height: 470px;
left: 50%;
top: 50%;
margin-left: -377px;
margin-top: -235px;
}
</style>
</head>
<body onload="redirect();">
<div id="gg">
<iframe class="gg" scrolling='no' frameborder='0' src='https://yibo.iyiyun.com/Home/Distribute/ad404/key/1122458' width='654' height='470' style='display:block;'>
</iframe>
</div>
<div class="whole">
![](http://upload-images.jianshu.io/upload_images/2031241-6628c5d197dd72ea.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
</div>

</body>

</html>

图片背景可自行修改

<div class="whole">
![](http://upload-images.jianshu.io/upload_images/2031241-6628c5d197dd72ea.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
</div>

使用七牛云做Hexo图床

MarkDown 插入图片是这样的写法:

![](图片链接)

注册账号

官网:https://portal.qiniu.com/signup/choice?code=3ln23lpsrga4y

添加极简图床插件

网址:http://yotuku.cn/

使用步骤

将需要用于文章配置图的本地图片,拖入已经打开的好的Chrome极简图床窗口。
按照提示:“粘贴、拖动或点此选择图片上传”即可完成图片上传至七牛云。
在“我的上传”中,找到需要插入的图片资源,并复制外链地址,粘贴至MarkDown文件中需要的地方即可

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,401评论 25 707
  • 第一章 安装Git工具 下载GitHub for Windows,直接点击安装,安装完成后,可以看到“Git Sh...
    不圆的石头阅读 11,839评论 5 63
  • 本篇教程基于NexT主题的博客配置,实现更换主题、评论、打赏等36项功能,接下来根据这些功能进行分点描述,附上个人...
    wangwlj阅读 2,215评论 0 11
  • 打开电脑,给自己放一曲轻音乐,悠扬的乐曲、深沉的夜色,放任思绪肆意的游走。 【亲子时光】 昨天说到的,要晚上定时跟...
    Echo可可阅读 291评论 0 0
  • 国庆节,过年放10天,元旦,清明节,中秋节,五一节放5天,好开森啊好开森啊好开森啊好开森啊好开森啊好开森啊好开森啊...
    俞正卿阅读 276评论 1 0