用 github Pages 服务建立 ixirong.com 独立博客全经过。hexo

公是不是发生立规范的要求,只是怀念略的写照写稿子,记录下好之学习心得、成长更等,都是把文字内容,不待安排使用数据库、不思请服务器自己搭建站点,只是怀念安安安静的故比舒畅的法子来形容首稿子。
静态博客即使为这要分外之,不用配置服务器、不用数据库、访问速度相当快、没有不安全漏洞的说法,最要的,对于一个常以
markdown来形容稿子的人的话,她到支持!

号外号外:计数服务一度开放,各种访问量统计就简单行代码:不蒜子,任您抒发的算子。

GithubPages ,the Websites for you and your projects. Hosted directly
from your GitHub repository. Just edit, push, and your changes are
live.

直纠结于哪里写博客,曾为此过新浪博客,百度空间,JavaEye,LOFTER,OSChina,cnblogs,CSDN,自搭WordPress,都未惬意。再后来也闹过Jekyll和Octopress,觉累不容易。

面简单的等同句子话,就证实了 GithubPages
的本来面目:托管在github上面的私有站点页面,使用 markdown
来形容稿子,简单、易用,不用于乎太多之排版工作,而且免费

直到多看了平眼hexo,这个逼格极高的次序猿写作方法,我好。就连hexo的发音都像是私自客哦!如果您与自身一样纠结哪里写博,那即便来GitHub吧,让咱们一并hexo!H人希绝对不见面于您失望,相信很快hexo就会流行起来。

说了了当下片单概念,就好说一样游说 ixirong.com
整个站点的起过程了,总结为用hexo搭建博客,托管在 githubpages(国外)
和 gitcafe(国内)
上,监控下阿里云+360说道监控(两个托管商服务还是那个平静的),统计流量使用红
CNZZ 数据大家,站长工具采用百度站长,也参照google站长。详细如下:

hexo出自台湾大学生tommy351的手,是一个基于Node.js的静态博客程序,其编译上百首文字才需要几秒。hexo生成的静态网页可以一直坐GitHub
Pages,BAE,SAE等楼台及。先看tommy是怎么吐槽Octopress的
→_→ Hexo颯爽登場。

域名申请

域名我选择了海外的劳务商 Godaddy,详情请参考
什么样以Godaddy申请域名?,当然你吧足以择万网、新网、西数码要么新生高傲的google域叫作注册服务。

  • 倘若你对默认配置满意,只待几独令就可秒多一个hexo。
  • 比方您同自己同一爱折腾下,30分钟呢够个性化。
  • 苟你过度喜欢折腾,可以揉搓个拿星期,尽情的嬉戏。

域名备案

采用 github Pages
服务,是勿需备案的,当如果你想采取七牛之自定义域名、CDN服务、站长助理的一对高等功能采用,是要出备案的,详情请参见我之其余一样首单独博客民用godaddy域名备案解决方案。

搭建过程你恐怕觉得有那点多少繁琐,但如若搭建得,写文章是极简,极舒服的。

域名解析

应用顶尖老牌服务 dnspod
,稳定、高效、实时生效,详细措施要参见Godaddy注册商域名修改DNS解析方法,如发其它问题,可以查阅扶持中心。

365betway.com 1

ixirong.com 的 dns 解析设置图

不过待几独大概命令,你虽可以做到所有。

hexo 写博客

hexo是出于Node.js驱动的相同缓快速、简单且功能强大的博客框架,它同jekyll相比,更快,更轻量,命令还简短(而且jekyll很多弱点)。网友都勾勒过及时上面的好多章了,当时自己重点参照的如下,当然你呢得以google搜索下采取方法

要是你讨厌下面的篇章最丰富了,有没有发生平等篇完整的、详细的介绍,很乐意,@cnFeat不怕是这样子一个总人口,详情见文章:
怎么样多建筑一个单身博客——简明Github
Pages与Hexo教程

  • 采取hexo搭建博客
  • hexo你的博客
  • hexo系列教程:(一)hexo介绍
  • hexo系列教程:(二)搭建hexo博客
  • hexo系列教程:(三)hexo博客的配备、使用
  • hexo系列教程:(四)hexo博客的优化技术
  • hexo系列教程:(五)hexo博客的优化技术上
  • 汇集优化技术 Hexo
    优化及定制(一)
  • hexo 搭建博客同时使 GitHub 和 GitCafe 两独服务商,国内看
    GitCafe,国外访问GitHub,设置方式参见博客
hexo n #写文章
hexo g #生成
hexo d #部署 # 可与hexo g合并为 hexo d -g

图铺静态资源

云存储这东西,目前留存不少七牛云、又拍云、阿里云、腾讯云都得以为此来举行图片存储,ixirong.com
选择的是七牛,为什么?靠,免费哟~
当然,七牛之生机一直在召开这块,还是坏正确的,注册七牛云,建立个空中,上传图片,点击图片链接就可看了,把这些图片链接放到你的博客中采取及的地方就是ok了。默认的七牛域名于丰富,已经备案的域名可以报名于定义,比如ixirong.com
的自定义为 static.ixirong.com域名,你得望下面就张图:

365betway.com 2

static.ixirong.com测试

 

站点统计、监控、站长助理

使用百度站长工具来进展百度分享、百度统计、SEO优化等的调,使用google站长工具第一是分析国外流量来源,使用cnzz数据大家开展全的统计分析工作。

网站的监控下阿里云和360监控,基本上覆盖了全国地方的检测点,两者都发生免费之报警短信(1000漫漫/月),小站点足够用了
如下图:

365betway.com 3

360cloudmonitor

365betway.com 4

aliyunmonitor

到此,基本上ixirong.com
建站的成套经过尽管截止了,当然还以持续的搜着迈入,如果你产生啊好之想法,请留言或右侧找到自己之联系方式,跟自己关系,如果你发啊问题,同样联系我,我会第一时间答复你,共同进步,共同成长!

此文首发于自家之私家单独博客,欢迎体验阅读
http://ixirong.com/2015/05/17/how-to-build-ixirong-blog/

脚逐步介绍,进入正题。


条件准备

安装Node
到Node.js官网下充斥相应平台的新式版本,一路装置即可。我所以之是node-v0.10.22-x86.msi

安装Git
Git的客户端很多,我为此底凡msysgit,喜欢用绿色版Portable
application for official Git for Windows
1.8.4,下载下来设置一下环境变量即可,Git_HOME,%Git_HOME%\bin之类的,不多说。

安装Sublime(可选)
Sublime Text
2当此间仅仅作为一个文本编辑器用,支持各种编程语言与文件格式,当然为支撑Markdown语法,实在是独不足多得的练码奇才。喜欢追逐鲜的吗得品尝处于beta版本的Sublime
Text 3。我因此绿色版Portable Sublime
Text
2.0.2.zip。

本屌是穷码畜,对于伟大上之Mac码帅用户请求走:hexo
installation

GitHub

GitHub账号和GitHub Pages 一般还应有发生吧,已部分请自行无视这同一部分。

  • 第一注册一个『GitHub』帐号,已部分默认默认请忽略
  • 树和公用户称对应之库房,仓库名必须也『your_user_name.github.com』
  • 添加SSH公钥到『Account settings -> SSH Keys -> Add SSH Key』

365betway.com 5my GitHub Pages

面前少步忽略,只说其三步,添加SSH-Key。

第一设置你的用户名密码:

git config --global user.email "bu.ru@qq.com"
git config --global user.name "bruce-sha"

 

变化密钥:

ssh-keygen -t rsa -C "bu.ru@qq.com"

 

输入文件路径:

H:\hexo\blog>ssh-keygen -t rsa -C "bu.ru@qq.com"
Generating public/private rsa key pair.
Enter file in which to save the key (//.ssh/id_rsa): H:\git\myssh\ssh
Enter passphrase (empty for no passphrase):
Enter same passphrase again:
Your identification has been saved in H:\git\myssh\ssh.
Your public key has been saved in H:\git\myssh\ssh.pub.
The key fingerprint is:
b0:0c:2e:67:33:ab:c1:50:10:40:0a:ba:c1:80:59:22 bu.ru@qq.com

 

发生个bug,文件路径中之盘符H必须大写,否则会报错。

上述命令若实行成功,会于H:\git\myssh目录下生成稀单公文id_rsaid_rsa.pub,最后两步:

  1. 所以文本编辑器打开ssh.pub文本,拷贝其中的始末,将那个补充加至Add SSH
    Key
  2. id_rsaid_rsa.pub拷贝至而Git安装目录下的.ssh目录,如H:\PortableGit-1.8.4\.ssh

365betway.com 6Add SSH Keys

末了可以证实一下:

ssh -T git@github.com

 

如果发生问题,请复安。常表现错请参见:
GitHub Help – Generating SSH
Keys
GitHub Help – Error Permission denied
(publickey)

安装

NodeGit犹安好后,可尽如下命令安装hexo:

npm install -g hexo

 

初始化

然后,执行init命令初始化hexo到您指定的目:

hexo init <folder>

也堪cd到目标目录,执行hexo init

吓啊,至此,全部装工作曾就!

别静态页面

cd 到你的init目录,执行如下命令,生成静态页面及hexo\public\目录。

hexo generate

 

命令必须在init目录下执行,否则不成功,但是也无报错。
当你改改文章Tag或内容,不克科学重新转内容,可以去hexo\db.json晚重试,还很就顶public目录删除相应之文件,重新转。

当地启动

施行如下命令,启动本地服务,进行文章预览调试。

hexo server

 

浏览器输入http://localhost:4000就可以看到职能。

请求用高级浏览器,否则恐怕…你知道的!

写文章

实践new命令,生成指定名称的篇章到hexo\source\_posts\postName.md

hexo new [layout] "postName" #新建文章

 

其中layout是可选参数,默认值为post。有安layout呢,请到scaffolds目下查看,这些文件名称就是layout名称。当然你得长自己的layout,方法就是丰富一个文本即可,同时你吗得以编制现有的layout,比如post的layout默认是hexo\scaffolds\post.md

title: { { title } }
date: { { date } }
tags:
---

 

求小心,大括哀号及大括声泪俱下之间我大多加了个空格,否则会为转义,不能够健康显示。

自己怀念补充加categories,以免每次手工输入,只待修改是文件上加相同执行,如下:

title: { { title } }
date: { { date } }
categories: 
tags: 
---

 

postName是md文件的名字,同时也应运而生在你文章的URL中,postName如果含有空格,必须用”将该包围,postName可以吧中文。

瞩目,所有文件:后面都要来只空格,不然会报错。

扣押一下方才生成的文件hexo\source\_posts\postName.md,内容如下:

title: postName #文章页面上的显示名称,可以任意修改,不会出现在URL中
date: 2013-12-02 15:30:16 #文章生成时间,一般不改,当然也可以任意修改
categories: #文章分类目录,可以为空,注意:后面有个空格
tags: #文章标签,可空,多标签请用格式[tag1,tag2,tag3],注意:后面有个空格
---
这里开始使用markdown格式输入你的正文。

 

连下去,你就可为此爱之编辑器尽情挥洒你的章。关于markdown语法,可以参照我之文章Markdown简明语法。

fancybox
或是有人对是Reading页面被图纸的fancybox功能感兴趣,这个是怎开的吗。
异常粗略,只待以您的篇章*.md文件的腔上添加photos起即可,然后同行行添加你如显得的照:

layout: photo
title: 我的阅历
date: 2085-01-16 07:33:44
tags: [hexo]
photos:
- http://bruce.u.qiniudn.com/2013/11/27/reading/photos-0.jpg
- http://bruce.u.qiniudn.com/2013/11/27/reading/photos-1.jpg

 

通过测试,文件头上之layout: photo可简单。

匪思每次都手动添加怎么收拾?同样的,打开你的hexo\scaffolds\photo.md

layout: { { layout } }
title: { { title } }
date: { { date } }
tags: 
photos: 
- 
---

 

下一场每次可履带来layout的new命令生成照片文章:

hexo new photo "photoPostName" #新建照片文章

 

description
markdown文件头着吗堪添加description,以遮盖全局配置文件中的description内容,请参考下文_config.yml的介绍。

title: hexo你的博客
date: 2013-11-22 17:11:54
categories: default
tags: [hexo]
description: 你对本页的描述
---

 

hexo默认会处理任何markdown和html文件,如果未思量吃hexo处理你的文本,可以以文书头被进入layout:
false。

文章摘要
以急需展示摘要的地方长如下代码即可:

以上是摘要
<!--more-->
以下是余下全文

 

more以上内容即凡文章摘要,在主页显示,more以下内容点击『> Read
More』链接打开全文才显得。

hexo中有所文件的编码格式均是UTF-8。

主题安装

萝卜白菜各有所爱,玩博客换主题是必备的,hexo的主题列表Hexo
Themes。
我较好pacman,modernist、ishgo,raytaylorism。Pacman极端理想,简洁大方聊清新,同时倒版支持的也不行好,但笔者并无管许多参数分离出来给出可配置起,我最后甄选了modernist

设置主题的计就是是同一句git命令:

git clone https://github.com/heroicyang/hexo-theme-modernist.git themes/modernist

 

目是否是modernist无所谓,只要跟_config.yml文件一律即可。

安完成后,打开hexo\_config.yml,修改主题也modernist

theme: modernist

 

打开hexo\themes\modernist目,编辑主题安排文件_config.yml

menu: #配置页头显示哪些菜单
#  Home: /
  Archives: /archives
  Reading: /reading
  About: /about
#  Guestbook: /about

excerpt_link: Read More #摘要链接文字
archive_yearly: false #按年存档

widgets: #配置页脚显示哪些小挂件
  - category
#  - tag
  - tagcloud
  - recent_posts
#  - blogroll

blogrolls: #友情链接
  - bruce sha's duapp wordpress: http://ibruce.duapp.com
  - bruce sha's javaeye: http://buru.iteye.com
  - bruce sha's oschina blog: http://my.oschina.net/buru
  - bruce sha's baidu space: http://hi.baidu.com/iburu

fancybox: true #是否开启fancybox效果

duoshuo_shortname: buru #多说账号

google_analytics:
rss:

 

更新主题

cd themes/modernist
git pull

 

评论框

静态博客要运用第三着评说系统,hexo默认集成的凡Disqus,因为你懂的,所以国内的讲话或建议就此多说。
直接用而的微博/豆瓣/人人/百度/开心网帐号登录多说,做一下主导设置。如果利用modernist主题,在modernist_config.yml中配置duoshuo_shortname为多说的中心设置->域名遭受之shortname即可。你为堪当差不多说晚令从定义一下多说评论框的格式,比如评论框的职务,对于css设置,可以参考这里,我是在HeroicYang的基本功及改的。

比方您是有些其他第三方评价系统,将通用代码粘贴到hexo\themes\modernist\layout\_partial\comment.ejs里面,如下:

<% if (config.disqus_shortname && page.comments){ %>
<section id="comment">
  #你的通用代码
<% } %>

 

自打定义页面

执行new page命令

hexo new page "about"

 

hexo\source\下会生成about目录,里面来个index.md,直接编辑就足以了,然后在主题的_config.yml中将其部署显示出来。
上述手续,也堪手工生成,在hexo\source\下手工新建aboutindex.md否是截然等价格的。

因为markdown对table的支持不好,我是当about中一直建立index.html,里面书写页面内容,hexo会帮你长头和尾。

404页面

GitHub
Pages 自定义404页面非常容易,直接当干净目录下开创和谐的404.html便可。但是从定义404页面就对绑定顶级域名之类型才起作用,GitHub默认分配的二级域名是不起作用的,使用hexo
server
每当本机调试也是不起作用的。
骨子里,404页面可以举行还多来含义之从事,来举行个404公益型吧。现在,看下自家的404页面一个ibruce.info上无存在的页面,做点出含义的业务,也对得由这域名。
目前来如下几独公益404联网抱地址,我选了腾讯的。404页面,每个人得做的重新多。

  • 腾讯公益404
  • 404公益_益云(公益互联网)社会更新中心
  • 失蹤兒童少年資料管理骨干404

图床

考虑到博客的快,同时为为有利于博客的动迁,图床是须的。我墙裂推荐七牛,访问速度极快,支持日志、防盗链和水印。

免费用户有每月10GB流量+总空间10GB+PUT/DELETE 10万不好呼吁+GET
100万不良呼吁,这对准个体博客来说够,不够的话语点是举手投足页面,也可是经过请好友获得褒奖,我耶求一下七牛邀请。有几许若验证的是,七牛没有目录的定义,但是文件称好蕴涵/,比如2013/11/27/reading/photos-0.jpg,参考这里至于key-value存储系统。

七牛除了作为图床还可以当做其它静态文件存储空间,比如自己的个体站点首页有只字库文件和JS文件下充斥于迟缓,有时空会见管它们为到七牛上去,以提高首页打开速度。请圈就首Linux中国使七牛云存储支撑图片看。

假定非要是说不足之说话,就是文本管理界面不是挺谈得来,不支持CNAME到分配的世代链接,也未克绑定不备案的打生域名,必须备案才方可。

一经你针对七牛web版的文件管理界面不令人满意,可以为此官方的七牛云存储工具。

乃还足以应用如下图床服务 FarBox,Dropbox,又拍云。

提请域名(可选)

GitHubPages默看每个用户分配了一个二级域名『your_user_name.github.com』或『your_user_name.github.io』。
要您对上述域名不令人满意,可以到狗爹上申请一个祥和的域名,然后绑定到GitHub
Pages。绑定方法好粗略,在repo根目录下建一个CNAME文件,里面写上域名即可。

GoDaddy
买域名首选狗爹,国内的服务商大家都知晓的。
目前.info域名而¥18.99,但空穴来风续费比较昂贵,我是优先戏下,一年晚再度更换,至于搜索引擎重新索引之类的,无所谓。.me和.com域名稍微贵点,大约¥60-100,网上有成百上千优惠码可用,可惜有些优惠码有限量。比如有个.com域名优惠码只要$1.99,但只能用国外信用卡购买。更多优惠码可以自行谷歌或到新鲜优惠码检索。不心急的同窗可以拿如愿以偿的域名在购物车先不付款,过几上,狗爹就会见发作优惠信息于你。狗爹不期为会发出活动,可以基本上关注。
付款后,需要多少等一律见面你才会以到域名,特别是支付宝会的,要对等大约一半钟头左右。此外域名而一律年年之进货,这样比较经济。

提议大家申请.com或.me域名。据说.info因垃圾网站极度多,被搜寻引擎惩罚,而且续费较贵。

DNSPod
GoDaddy的NameServers有时见面受堵,因此墙裂推荐国内的DNSPod剖析域名,免费服务诚不错。支持微信/邮件提醒,监控及报警,访问统计,健康诊断,搜索引擎推送,速度哇哇的,对于自己的话够。
简单步设置就得搞定,怎么操作参考Godaddy注册商域名修改DNS地址。

命令

常用命令:

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #将.deploy目录部署到GitHub

 

常用复合命令:

hexo deploy -g
hexo server -g

 

简写:

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

 


##迄今为止,基本操作介绍完,以下内容普通用户无需了解。

目介绍

默认目录结构:

.
├── .deploy
├── public
├── scaffolds
├── scripts
├── source
|   ├── _drafts
|   └── _posts
├── themes
├── _config.yml
└── package.json
  • .deploy:执行hexo deploy命令部署及GitHub上之情目录
  • public:执行hexo generate命令,输出的静态网页内容目录
  • scaffolds:layout模板文件目录,其中的md文件可以添加编辑
  • scripts:扩展脚本目录,这里可以于定义有javascript脚本
  • source:文章源码目录,该目录下之markdown和html文件都会于hexo处理。该页面对应repo的绝望目录,404文书、favicon.ico文件,CNAME文件等都应放开这里,该目录下可新建页面目录。
    • _drafts:草稿文章
    • _posts:发布篇
  • themes:主题文件目录
  • _config.yml:全局配置文件,大多数的设置都于此
  • package.json:应用程序数据,指明hexo的本子等消息,类似于一般软件受到之关于按钮

属下去是主导_config.yml,做只简易说明:

# Hexo Configuration
## Docs: http://zespia.tw/hexo/docs/configure.html
## Source: https://github.com/tommy351/hexo/

# Site #整站的基本信息
title: 不如 #网站标题
subtitle: 码农,程序猿,未来的昏析师 #网站副标题
description: bruce sha's blog | java | scala | bi #网站描述,给搜索引擎用的,在生成html中的head->meta中可看到
author: bruce #网站作者,在下方显示
email: bu.ru@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://ibruce.info #你的域名
root: /
permalink: :year/:month/:day/:title/
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code

# Writing #写文章选项
new_post_name: :title.md # File name of new posts
default_layout: post #默认layout方式
auto_spacing: false # Add spaces between asian characters and western characters
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
max_open_file: 100
multi_thread: true
filename_case: 0
render_drafts: false
highlight: #代码高亮
  enable: true #是否启用
  line_number: false #是否显示行号
  tab_replace:

# Category & Tag #分类与标签
default_category: uncategorized # default
category_map:
tag_map:

# Archives #存档,这里的说明好像不对。全部选择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
logger: true
logger_format:

# 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: 10 #每页10篇文章
pagination_dir: page

# Disqus #社会化评论disqus,我使用多说,在主题中配置
disqus_shortname:

# Extensions #插件,暂时未安装插件
## Plugins: https://github.com/tommy351/hexo/wiki/Plugins
## Themes: https://github.com/tommy351/hexo/wiki/Themes
## 主题
theme: modernist # raytaylorism # pacman # modernist # light
exclude_generator:

# Deployment #部署
## Docs: http://zespia.tw/hexo/docs/deploy.html
deploy:
  type: github
  repository: git@github.com:bruce-sha/bruce-sha.github.com.git #你的GitHub Pages仓库

修改部分页面

页面展现的全逻辑都以每个主题中决定,源代码在hexo\themes\公以的主题\中,以modernist主题也条例:

.
├── languages          #多语言
|   ├── default.yml    #默认语言
|   └── zh-CN.yml      #中文语言
├── layout             #布局,根目录下的*.ejs文件是对主页,分页,存档等的控制
|   ├── _partial       #局部的布局,此目录下的*.ejs是对头尾等局部的控制
|   └── _widget        #小挂件的布局,页面下方小挂件的控制
├── source             #源码
|   ├── css            #css源码 
|   |   ├── _base      #*.styl基础css
|   |   ├── _partial   #*.styl局部css
|   |   ├── fonts      #字体
|   |   ├── images     #图片
|   |   └── style.styl #*.styl引入需要的css源码
|   ├── fancybox       #fancybox效果源码
|   └── js             #javascript源代码
├── _config.yml        #主题配置文件
└── README.md          #用GitHub的都知道

 

一经您需要修改头部,直接修改hexo\themes\modernist\layout\_partial\header.ejs,比如头上加个搜索框:

<div>
<form class="search" action="//google.com/search" method="get" accept-charset="utf-8">
 <input type="search" name="q" id="search" autocomplete="off" autocorrect="off" autocapitalize="off" maxlength="20" placeholder="Search" />
 <input type="hidden" name="q" value="site:<%- config.url.replace(/^https?:\/\//, '') %>">
</form>
</div>

 

拿使齐代码加入即可,您需改css以便这个搜索框比较好看。

重复要,你若改页脚版权信息,直接编辑hexo\themes\modernist\layout\_partial\footer.ejs。同理,你需要改css,直接去修改对诺位置的styl文件。

统计

页面及展示看次数可应用 不蒜子,两实行代码即可搞定。

盖Google
Analytics偶尔为堵,故用百度统计,以modernist主题吧条例,介绍如何添加。
编辑文件hexo\themes\modernist\_config.yml,增加部署选:

baidu_tongji: true

 

新建文件hexo\themes\modernist\layout\_partial\baidu_tongji.ejs,内容如下:

<% if (theme.baidu_tongji){ %>
<script type="text/javascript">
#你的百度统计代码
</script>
<% } %>

 

报并登录百度统计获取你的统计代码。

修文件hexo\themes\modernist\layout\_partial\head.ejs,在『/head』前多:

<%- partial('baidu_tongji') %>

 

重转并部署公的站点。

不出意外的说话,在你的站点的每个页面的左上角都见面看一个恶意的百度LOGO。你只能以『百度统计首页->网站列表->获取代码->系统管理设置->统计图标设置->显示图标』,把死招惹去丢。百度真是恶心,我准备或用Google
Analytics。

分享

自家没长分享,觉得是不是可怜必要,导致页面看起啰嗦。以加网为例介绍如何添加:

  • hexo\themes\modernist\layout\_partial\post下新建jiathis.ejs文件。
  • 登记加网获得你的享用代码,写副jiathis.ejs
  • hexo\themes\modernist\layout\_partial\article.ejs中,添加<%-partial(‘post/jiathis’)%>

享受服务还得利用如下企业供的艺加网,bShare,百度分享。

网站图标

看一下hexo\themes\modernist\layout\_partial\head.ejs,找到这句:

<link rel="icon" type="image/x-icon" href="<%- config.root %>favicon.ico">

 

你懂的,将你的favicon.ico坐工程根目录下即可,也不怕是hexo\source目录。可以在Faviconer造而的ico图标,国内产生比特虫。

于定义挂件

除默认已供的挂件外,你还好于定义自己的稍挂件,在hexo\themes\modernist\layout\_widget\产,新建好的ejs文件,如myWidget.ejs,然后于布局文件hexo\themes\modernist\_config.yml中配置。

widgets:
  - myWidget

 

因而上述措施好加加新浪微博小挂件。

  • 扭转自己365betway.com的微博组件。
  • 添加hexo\themes\modernist\layout\_widget\weibo.ejs文件。
  • 配置hexo\themes\modernist\_config.yml

插件

装插件:

npm install <plugin-name> --save

 

启用插件:在*hexo\_config.yml文件添加:

plugins:
- <plugin-name>  #插件名

 

晋升插件:

npm update

 

卸载插件:

npm uninstall <plugin-name>

 

RSS插件
将上述命令中的『plugin-name』,替换为hexo-generator-feed。一旦设置完成,你得在安排显示你站点的RSS,文件路径\atom.xml

您得为此rss作为迁移工具,用如下命令读取其他岗位的rss:

hexo migrate rss <source>

 

『source』举凡本地或网络文件路径。

Sitemap插件
以上述命令中的『plugin-name』,替换为hexo-generator-sitemap。你可以以您站点地图提交给找引擎,文件路径\sitemap.xml

复多插件的装方式,请参见官方Wiki。

如果你按照上述手续做,但插件不起作用,没有生成atom.xml和sitemap.xml,也远非报错,那么你应当cd到公的hexo初始化目录,在该目录下重新安装插件,重试。

迁移

hexo支持于任何门类站点迁移,如通用RSS,Jekyll,Octopress,WordPress等,这等同有些自从没尝试过。请参考官方文档Hexo
Migration。

搜寻引擎

公可交屈站长交给你的站点为寻找引擎。其他内容而添加站点或页面的description,提交Sitemap,添加百度统计,Google
Analytics等等,参考本文其他章节的情,不再一一阐述。

更新

更新hexo:

npm update -g hexo

 

履新主题:

cd themes/你的主题
git pull

 

创新插件:

npm update

 

干掉IE

Kill IE6 提示的javascript代码,请自行检索。

换机器

你若封存好和谐的博客源码。换机写博客,就不得不采取各种网盘的共功能,或者你管您的站点源文件提交至某代码托管服务器。另外,貌似这首大牛逼,Hexo
服务器端布署及 Dropbox
同步。

我的道是这样的,先以一个目录下搞好Node+Git+Hexo的绿色环境,写个hexos.bat足一键开行hexo工作台,把方方面面目录用Dropbox同步,这样无论在办公室要小的外笔记本台式机都可以写博客,也未用处理啊文件拷贝备份的事体,非常爽。

统计功能

呢hexo博客添加访问次数统计功能

其它

网站加速
Webluker-CDN 网站加速 免费CDN DNS解析
Webluker-FAQ索引

网站监控
督察宝-网站监控 网页监控 服务器监控
监察宝-常见问题

DNSPod本身便有D监控可用。

站长工具
谷歌站长工具
百度站长工具
站长的家工具
360找寻站长平台
360网站安全检测
奇云测
360云监控

SEO
谷歌搜索引擎优化初学者指南.PDF

数据统计
不蒜子
百度统计
Google Analytics

企业邮箱
腾讯企业邮箱
当DNSPod域名解析商处如何设置企业邮箱

图表转
邮箱地址生成图片
MakePic.com邮址图片转

徽章生成
Logo Creatr
Web 2.0 Logo
Creator (可能需FQ)

favicon制作
Favicon制作

文章援引/猜你爱
不论觅关联推荐
友荐
乐知推荐
百度推荐

广告
百度联盟

不足

  • 配备文件少空格会报错
  • 报错不能够收获精确定位,只能依赖经验
  • 换台机器写篇不好处理
  • 怎么统计总来访数和单页文章读次数,请参见呢hexo博客添加访问次数统计功能。

结束

自的博客『ibruce.info』核心算是免费做下的,为报开源社区,特写这篇稿子,由于水平有限,错误的处在所难免,请各位多多原谅,不吝指导。

每当是如出一辙并感谢GitHub,Hexo,Modernist,七牛,多说,公益404,GoDaddy,DNSPod,百度统计,Google
Analytics,以及Node.js,MSYSGit,Sublime
Text
2,最后谢谢Markdown。

至于以上内容之其它问题,您都得对 bruce 留言或邮件 bu.ru@qq.com。

ps:(2014年12月 更新)

  1. 当本地调试出现奇怪情景时,请预下 hexo
    clean
     清理已变的静态文件后重试。
  2. GitHub官方之前犯邮件被用户,已经不建议利用A记录指向静态ip了,建议CNAME指为您的GitHub
    Pages URL。
  3. 假如你申请了好之域名,您得应用
    DNSPod+QQ域名叫邮箱 打造和谐的附属邮箱,比如自己的 me@ibruce.info,是休是逼格又提高了一丁点?
  4. 添加 Fork me on Github
    彩带,请戳 http://github.com/blog/273-github-ribbons 。
  5. 注意看本页最下方的访问次数统计,这不是一个便的计数器,这个计数器骨骼精奇天赋异禀,他是实时的!你打开两独浏览窗口,只刷新一个窗口外一个窗口的数字会自动实时变化的,有接触意思吧?怎么开的呢,先上只图,当然,这张看板的全部内容也都是实时动态变化着的
    ^_^

365betway.com 7counter

ps:(2015年4月 更新)

  1. 煎熬了有限上,终于打定GitHub不间断被堵导致网站无法访问的题目。方法就是GitHub作为主站,GitCafe作为备份。因为自之hexo版本很没有,不得不先晋级到hexo3,各种坑,不建议升级,最后好修改主题,又是各种坑,快累尿了。
  2. 号外号外:最新的统计服务都开,两实行代码轻松搞定,你得直接利用:不蒜子 微服务,本人墙裂推荐,只待两行代码哦。各种用法实例和显示力量参考非蒜子文档饱受的实例链接。不蒜子,极客的算子,极简的算子,任您发挥的算子。

参考文献

  1. Hexo
  2. 使用Hexo在Github上多建筑私房博客
  3. hexo教程
  4. hexo系列教程:(四)hexo博客的优化技术
  5. hexo系列教程:(五)hexo博客的优化技术上
  6. _煎熬了单新主题
  7. 使用hexo搭建博客
  8. 从Octopress到Hexo
  9. 搞定Hexo
  10. Hello World by Hexo
  11. hexo的代码高亮
  12. 之所以Hexo快速制造静态博客_
  13. 使用Sublime Text 2
    编辑Markdown
  14. 吃hexo添加一个404页面
  15. GotGitHub
  16. 搭建一个免费之,无限流量的Blog — github
    Pages和Jekyll入门
  17. Godaddy注册商域名修改DNS地址
  18. WordPress中利用七牛云存储加速图片等静态文件访问速度
  19. 如何搭建筑一个自有域名的WordPress博客
  20. Hexo服务器端布署及Dropbox同步

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*
Website