如何让hexo 语法高亮代码高亮

hexo你的博客 - 推酷
hexo你的博客
一直纠结于哪里写博客,曾用过新浪博客,百度空间,JavaEye,LOFTER,OSChina,cnblogs,CSDN,自搭WordPress,都不满意。再后来也弄过Jekyll和Octopress,觉累不爱。
直到多看了一眼hexo,这个逼格极高的程序猿写作方式,我喜欢。就连
的发音都像是
!如果你跟我一样纠结哪里写博,那就来到GitHub吧,让我们一起hexo!H人希绝对不会让你失望,相信很快hexo就会流行起来。
hexo出自台湾大学生
之手,是一个基于Node.js的静态博客程序,其编译上百篇文字只需要几秒。hexo生成的静态网页可以直接放到GitHub Pages,BAE,SAE等平台上。先看看tommy是如何吐槽Octopress的 →_→
如果你对默认配置满意,只需几个命令便可秒搭一个hexo。
如果你跟我一样喜欢折腾下,30分钟也足够个性化。
如果你过于喜欢折腾,可以折腾个把星期,尽情的玩。
搭建过程你或许觉得有那么点小繁琐,但一旦搭建完成,写文章是极简单,极舒服的。
只需要几个简单命令,你就可以完成一切。
下面逐步介绍,进入正题。
官网下载相应平台的
,一路安装即可。我用的是
Git的客户端很多,我用的是
,喜欢用绿色版本
,下载下来设置一下环境变量即可,Git_HOME,%Git_HOME%\bin之类的,不多说。
安装Sublime(可选)
在这里仅仅作为一个文本编辑器使用,支持各种编程语言和文件格式,当然也支持Markdown语法,实在是个不可多得的练码奇才。喜欢追鲜的也可以尝试处于beta版本的
。我用绿色版本
本屌是穷码畜,对于高大上的Mac码帅用户请移步:
GitHub账号和GitHub Pages 一般都应该有吧,已有的请自动无视这一部分。
首先注册一个『GitHub』帐号,已有的默认默认请忽略
建立与你用户名对应的仓库,仓库名必须为『your_user_』
添加SSH公钥到『Account settings -& SSH Keys -& Add SSH Key』
前两步忽略,只说第三步,
添加SSH-Key
首先设置你的用户名密码:
git config --global user.email &bu.&
git config --global user.name &bruce-sha&
生成密钥:
ssh-keygen -t rsa -C &bu.&
输入文件路径:
H:\hexo\blog&ssh-keygen -t rsa -C &bu.&
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.
有个bug,文件路径中的盘符H必须大写,否则会报错。
上述命令若执行成功,会在
H:\git\myssh
目录下生成两个文件
id_rsa.pub
,最后两步:
用文本编辑器打开
文件,拷贝其中的内容,将其添加到
id_rsa.pub
拷贝至你Git安装目录下的
H:\PortableGit-1.8.4\.ssh
最后可以验证一下:
若有问题,请重新设置。常见错误请参考:
都安装好后,可执行如下命令安装hexo:
npm install -g hexo
然后,执行init命令初始化hexo到你指定的目录:
hexo init &folder&
也可以cd到目标目录,执行
好啦,至此,全部安装工作已经完成!
生成静态页面
cd 到你的init目录,执行如下命令,生成静态页面至
hexo\public\
hexo generate
命令必须在init目录下执行,否则不成功,但是也不报错。
当你修改文章Tag或内容,不能正确重新生成内容,可以删除
hexo\db.json
后重试,还不行就到
目录删除对应的文件,重新生成。
执行如下命令,启动本地服务,进行文章预览调试。
hexo server
浏览器输入
就可以看到效果。
请使用高级浏览器,否则可能…你懂的!
执行new命令,生成指定名称的文章至
hexo\source\_posts\postName.md
hexo new [layout] &postName&
其中layout是可选参数,默认值为post。有哪些layout呢,请到
目录下查看,这些文件名称就是layout名称。当然你可以添加自己的layout,方法就是添加一个文件即可,同时你也可以编辑现有的layout,比如post的layout默认是
hexo\scaffolds\post.md
title: { { title } }
date: { { date } }
请注意,大括号与大括号之间我多加了个空格,否则会被转义,不能正常显示。
我想添加categories,以免每次手工输入,只需要修改这个文件添加一行,如下:
title: { { title } }
date: { { date } }
categories:
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语法,可以参考我的文章
可能有人对这个
页面中图片的
效果感兴趣,这个是怎么做的呢。
很简单,只需要在你的文章*.md文件的头上添加
项即可,然后一行行添加你要展示的照片:
layout: photo
title: 我的阅历
date: 2085-01-16 07:33:44
tags: [hexo]
- 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 } }
然后每次可以执行带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以下内容点击『& Read More』链接打开全文才显示。
hexo中所有文件的编码格式均是UTF-8。
萝卜白菜各有所爱,玩博客换主题是必不可少的,hexo的主题列表
我比较喜欢
最为优秀,简洁大方小清新,同时移动版本支持的也很好,但作者并没有把很多参数分离出来给出可配置项,我最终选择了
安装主题的方法就是一句git命令:
git clone /heroicyang/hexo-theme-modernist.git themes/modernist
目录是否是modernist无所谓,只要与_config.yml文件一致即可。
安装完成后,打开
hexo\_config.yml
,修改主题为
theme: modernist
hexo\themes\modernist
目录,编辑主题配置文件
_config.yml
menu: #配置页头显示哪些菜单
Archives: /archives
Reading: /reading
About: /about
Guestbook: /about
excerpt_link: Read More #摘要链接文字
archive_yearly: false #按年存档
widgets: #配置页脚显示哪些小挂件
- category
- tagcloud
- recent_posts
- blogroll
blogrolls: #友情链接
- bruce sha's duapp wordpress: http:
- bruce sha's javaeye: http:
- bruce sha's oschina blog: http:
- bruce sha's baidu space: http:
fancybox: true #是否开启fancybox效果
duoshuo_shortname: buru #多说账号
google_analytics:
cd themes/modernist
静态博客要使用第三方评论系统,hexo默认集成的是
,因为你懂的,所以国内的话还是建议用
直接用你的微博/豆瓣/人人/百度/开心网帐号登录多说,做一下基本设置。如果使用modernist主题,在
modernist_config.yml
中配置duoshuo_shortname为多说的
基本设置-&域名
中的shortname即可。你也可以在多说后台自定义一下多说评论框的格式,比如评论框的位置,对于css设置,可以
的基础上修改的。
如果你是有的其他第三方评论系统,将通用代码粘贴到
hexo\themes\modernist\layout\_partial\comment.ejs
里面,如下:
&% if (config.disqus_shortname && ments){ %&
id=&comment&&
#你的通用代码
自定义页面
执行new page命令
hexo new page &about&
hexo\source\
目录,里面有个index.md,直接编辑就可以了,然后在主题的
_config.yml
中将其配置显示出来。
上述步骤,也可以手工生成,在
hexo\source\
下手工新建
也是完全等价的。
因为markdown对table的支持不好,我是在about中直接建立index.html,里面书写页面内容,hexo会帮你加上头和尾。
GitHub Pages
非常容易,直接在根目录下创建自己的
就可以。但是自定义404页面仅对绑定顶级域名的项目才起作用,GitHub默认分配的二级域名是不起作用的,使用
hexo server
在本机调试也是不起作用的。
其实,404页面可以做更多有意义的事,来做个404公益项目吧。现在,看下我的404页面
,做点有意义的事情,也对得起这个域名。
目前有如下几个公益404接入地址,我选择了腾讯的。404页面,每个人可以做的更多。
考虑到博客的速度,同时也为了便于博客的迁移,图床是必须的。我墙裂推荐七牛,访问速度极快,支持日志、防盗链和水印。
免费用户有每月10GB流量+总空间10GB+PUT/DELETE 10万次请求+GET 100万次请求,这对个人博客来说足够,不够的话点这个活动页面,也可通过邀请好友获得奖励,我也求一下
。有一点要说明的是,七牛没有目录的概念,但是文件名可以包含
/reading/photos-0.jpg
,参考这里
七牛除了作为图床还可以作为其他静态文件存储空间,比如我的个人站点首页有个字库文件和JS文件下载较慢,有时间会把它弄到七牛上去,以提高首页打开速度。请看这篇
如果非要说不足的话,就是文件管理界面不是很友好,不支持CNAME到分配的永久链接,也不能绑定未备案的自有域名,必须备案才可以。
如果你对七牛web版的文件管理界面不满意,可以用官方的
您还可以使用如下图床服务
申请域名(可选)
GitHubPages默认为每个用户分配了一个二级域名『your_user_』或『your_user_name.github.io』。
如果你对上述域名不满意,可以到
上申请一个自己的域名,然后绑定到GitHub Pages。绑定方法很简单,在repo根目录下建立一个CNAME文件,里面写上域名即可。
买域名首选狗爹,国内的服务商大家都懂的。
目前.info域名只要¥18.99,但据说续费比较贵,我是先玩下,一年后再换,至于搜索引擎重新索引之类的,无所谓。.me和.com域名稍微贵点,大约¥60-100,网上有很多优惠码可用,可惜有的优惠码有限制。比如有个.com域名优惠码只要$1.99,但只能用国外信用卡购买。更多优惠码可以自行谷歌或到
找。不着急的同学可以将中意的域名加入购物车先不付款,过几天,狗爹就会发优惠信息给你。狗爹不定期也会有活动,可以多关注。
付款后,需要稍微等一会你才会拿到域名,特别是支付宝付款的,要等大约半小时左右。此外域名要一年年的买,这样比较划算。
建议大家申请.com或.me域名。据说.info因垃圾网站太多,被搜索引擎惩罚,而且续费较贵。
GoDaddy的NameServers有时会被墙,因此墙裂推荐国内的
解析域名,免费服务真心不错。支持微信/邮件提醒,监控与报警,访问统计,健康诊断,搜索引擎推送,速度哇哇的,对于我来说足够。
两步设置就可以搞定,怎么操作参考
常用命令:
hexo new &postName& #新建文章
hexo new page &pageName& #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #将.deploy目录部署到GitHub
常用复合命令:
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
,做个简单说明:
title: 不如
subtitle: 码农,程序猿,未来的昏析师
description: bruce sha's blog | java | scala | bi
author: bruce
email: bu.
language: zh-CN
permalink: :year/:month/:day/:title/
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
new_post_name: :title.md
default_layout: post
auto_spacing: false
titlecase: false
external_link: true
max_open_file: 100
multi_thread: true
filename_case: 0
render_drafts: false
highlight:
enable: true
line_number: false
tab_replace:
default_category: uncategorized
category_map:
archive: 1
category: 1
port: 4000
logger: true
logger_format:
date_format: MMM D YYYY
time_format: H:mm:ss
per_page: 10
pagination_dir: page
disqus_shortname:
theme: modernist
exclude_generator:
type: github
repository: :bruce-sha/bruce-.git
修改局部页面
页面展现的全部逻辑都在每个主题中控制,源代码在
hexo\themes\你使用的主题\
主题为例:
├── languages
├── default.yml
└── zh-CN.yml
├── layout
#布局,根目录下的*.ejs文件是对主页,分页,存档等的控制
├── _partial
#局部的布局,此目录下的*.ejs是对头尾等局部的控制
└── _widget
#小挂件的布局,页面下方小挂件的控制
├── source
├── css
├── _base
#*.styl基础css
├── _partial
#*.styl局部css
├── fonts
├── images
└── style.styl #*.styl引入需要的css源码
├── fancybox
#fancybox效果源码
#javascript源代码
├── _config.yml
#主题配置文件
└── README.md
#用GitHub的都知道
如果你需要修改头部,直接修改
hexo\themes\modernist\layout\_partial\header.ejs
,比如头上加个搜索框:
class=&search& action=&///search& method=&get& accept-charset=&utf-8&&
type=&search& name=&q& id=&search& autocomplete=&off& autocorrect=&off& autocapitalize=&off& maxlength=&20& placeholder=&Search& /&
type=&hidden& name=&q& value=&site:&%- config.url.replace(/^https?:\/\//, '') %&&&
将如上代码加入即可,您需要修改css以便这个搜索框比较美观。
再如,你要修改页脚版权信息,直接编辑
hexo\themes\modernist\layout\_partial\footer.ejs
。同理,你需要修改css,直接去修改对应位置的styl文件。
因Google Analytics偶尔被墙,故用百度统计,以
主题为例,介绍如何添加。
hexo\themes\modernist\_config.yml
,增加配置选项:
baidu_tongji: true
hexo\themes\modernist\layout\_partial\baidu_tongji.ejs
,内容如下:
&% if (theme.baidu_tongji){ %&
type=&text/javascript&&
注册并登录百度统计获取你的统计代码。
hexo\themes\modernist\layout\_partial\head.ejs
之前增加:
&%- 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’)%&
分享服务还可以使用如下企业提供的技术
hexo\themes\modernist\layout\_partial\head.ejs
,找到这句:
rel=&icon& type=&image/x-icon& href=&&%- config.root %&favicon.ico&&
你懂的,将你的
favicon.ico
放到工程根目录下即可,也就是
hexo\source
目录。可以在
制作你的ico图标,国内有
自定义挂件
除了默认已提供的挂件外,你还可以自定义自己的小挂件,在
hexo\themes\modernist\layout\_widget\
下,新建自己的ejs文件,如
myWidget.ejs
,然后在配置文件
hexo\themes\modernist\_config.yml
用上述方法可以添加新浪微博小挂件。
生成自己的微博组件。
hexo\themes\modernist\layout\_widget\weibo.ejs
hexo\themes\modernist\_config.yml
安装插件:
npm install & --save
启用插件:在*hexo\_config.yml文件添加:
升级插件:
npm update
卸载插件:
npm uninstall &
将上述命令中的
『plugin-name』
hexo-generator-feed
。一旦安装完成,你可以在配置显示你站点的RSS,文件路径
你可以用rss作为迁移工具,用如下命令读取其他位置的rss:
hexo migrate rss &
『source』
是本地或网络文件路径。
Sitemap插件
将上述命令中的
『plugin-name』
hexo-generator-sitemap
。你可以将你站点地图提交给搜索引擎,文件路径
\sitemap.xml
更多插件的安装方法,请参考
如果你按照上述步骤做,但插件不起作用,没有生成atom.xml和sitemap.xml,也没有报错,那么你应该cd到你的hexo初始化目录,在该目录下重新安装插件,重试。
hexo支持从其他类型站点迁移,如通用RSS,Jekyll,Octopress,WordPress等,这一部分我没试过。请参考官方文档
提交你的站点给搜索引擎。其他内容如添加站点或页面的description,提交Sitemap,添加百度统计,Google Analytics等等,参考本文其他章节的内容,不再一一阐述。
更新hexo:
npm update -g hexo
更新主题:
cd themes/你的主题
更新插件:
npm update
Kill IE6 提示的javascript代码,请自行搜索。
你要保留好自己的博客源码。换机器写博客,就只能使用各种网盘的同步功能,或者你把你的站点源文件提交到某代码托管服务器。另外,貌似这篇很牛逼,
我的办法是这样的,先在一个目录下做好Node+Git+Hexo的绿色环境,写个
可以一键启动hexo工作台,把整个目录用Dropbox同步,这样随便在办公室或家的任何笔记本台式机都可以写博客,也不用处理什么文件拷贝备份的事情,非常爽。
DNSPod本身就有D监控可用。
(可能需翻墙)
配置文件缺少空格会报错
报错不能得到精确定位,只能靠经验
换台机器写文章不好处理
如何统计总来访数和单页文章阅读次数,请参考
基本算是免费做出来的,为报答开源社区,特写这篇文章,由于水平有限,错误之处在所难免,请诸位多多包涵,不吝指点。
在此一并感谢
,最后感谢
关于以上内容的任何问题,您都可以对
留言或邮件
已发表评论数()
已收藏到推刊!
请填写推刊名
描述不能大于100个字符!
权限设置: 公开
仅自己可见
正文不准确
排版有问题
没有分页内容
视频无法显示
图片无法显示从WordPress迁移博客到Hexo - 推酷
从WordPress迁移博客到Hexo
为什么迁移?
实际上,迁移博客的决定大半年前,大概 2014 年 7 月份就已经决定了。当时考虑到托管在 Github 上面的静态博客有这么几种优势:
采用 Markdown 方式书写,可采用任何自己喜欢的编辑器,含有代码块,书写方便,甚至以后写数学公式也可以采用 TeX 语法。当然,WordPress 也可以,不过总觉得安装插件不太直接。
Github Pages 免费,可以节省每年 200 大洋的虚拟主机费用,且托管在 Github 很放心。
静态页面速度快,不过这个现在体现不出来了,国内访问 Github Pages 网速慢。
不得不说我受到了流行趋势的影响,看到很多人采用了这种方式,我就想尝试下。
大致就是以上几点原因使我最终决定迁移博客到 Github Pages。
选择静态博客系统
一开始,我先听说的 Jekyll,在尝试时,发现要安装自己不熟悉的工具,因为它是 Ruby 写成的,而且我当时用的 Windows 系统,最终闲它麻烦而放弃。然后就搜索了一些其他的静态博客,发现各种语言写的都有,最后发现了
这个用 NodeJS 写的,而且是一个台湾人写的,发现已有不少人在用。当时自己也有学习一些 NodeJS 的知识,想着用了 Hexo 也可以顺便学习下别人怎么写的,于是就这样决定选择 Hexo 了。
有点后悔选择 Hexo 了
我感觉 Hexo 有几点不足,
纯属个人拙见
主题质量低
我查看了所有的主题,发现大部分简直就是半成品,质量太低了,只有几个还可以。似乎缺乏用心的,且有设计能力的人来写 Hexo 主题。刚开始时,主题都只给主题源码的 Github 链接,没有截图,所以选择成本很高,有些链接失效了也没人管理。当然,Hexo 几乎只有一个人在管理所有的事情,所以很难忙得过来的,得多人协作。
早期代码组织乱
我只读了一些 2.8.* 时代的代码,感觉读懂代码好吃力,打断点调试都得同时打开很多个文件。读了一两个星期,才弄懂了一点点,当然这和我水平低也有很大关系。不过还是学到好多小的知识的,到 3.* 时代发现代码进行了大的重构,已经放弃阅读了。
其他 N 多小问题
只针对 2.8.3 版本,3.0.0 以后不太了解
不支持一篇文章多个分类目录,我在 WordPress 用到了一篇文章多个分类目录,结果 Hexo 不支持,我不得不把所有文章都变成一个分类目录。有人解释说可以使用标签,但是我认为分类属于相对固定的,而标签术语文章的几个核心关键词。另外,前端一些文章经常同时涉及到 CSS 和 JavaScript,这就决定一篇文章属于两个分类目录是很合理的,总不能都概括为前端吧。
Markdown 代码块必须使用四个空格缩进语法,用 ‘```’ 就不行,这还得自己写脚本转换已有的文章。
使用 highlightjs 的 theme 时,需要修改 CSS,去掉 ‘hljs-‘,不知道为什么 Hexo 默认这样选择,且没法配置。
list_categories()
没法控制汉字排序,而且没法像 WordPress 方便获取一个目录列表,然后自己定制排序。
README.md 文件的渲染和删除,现在好像可以配置路径来过滤了。
文章更新日期当成创建日期,结果首页文章顺序发生了变化,需要自己手动日期。
写一个 Hexo 主题
一开始规划时,什么 Off-Canvas、响应式、社交网站链接、自定义字体、动画效果、兼容到IE8等都整上去,后来实际做时,发现每个都要花不少时间。而且很长时间没有写过什么 CSS,导致水平下降,写起来不熟练啊。
做有关设计方面的决定时,内心很纠结,比如超链接四种状态下的颜色选择、标题或内容的颜色、侧边栏的布局等,每次写主题时感觉这些好难做决定。主题的大致颜色是参考的原来的主题配色,网站整体布局参考了其他人的,而且这种布局不少见。每写一个主题,都被自己渣一样的设计能力虐心,也越来越倾向于不要这些布局了,就文章列表就行了。
另外,花时间的还有要了解 Hexo 写主题的一些 Helpers,主题的代码结构等,幸好是参考官网的一款主题,自己从头开始写更麻烦了。
虽然每次写博客主题时,感觉特别虐心,不过当渐渐完成之时,都会感觉比上一个主题有进步。另外,写博客主题必然要写文章的 CSS 样式,文章在很多网站都会呈现,写好这个很关键,要注意很多细节或者说临界情况。
将 WordPress 的内容迁移到 Hexo
首先可以按照官网文档来操作,不过之后还有一些工作要做:
所有的超链接确保正确,包括图片、DEMO 等的链接;
代码块高亮,以前用的 WordPress 一个插件,然后自己用 Node 写个脚本替换下或者使用 Sublime 自带的正则替换功能;
修复在转 Markdown 时的错误,确实有一些要自己调整,主要是加粗、列表;
有发现了不少文章中的错别字,顺便修正了;
DEMO文件、图片文件、附件等目录要放到所采用主题的
部署到 Github 及配置自定义域名
Github Pages 分两种:User or organization site 和 Project site。我见到的很多人的博客都是前一种,而且前一种设置及配置自定义域名比较简便,跟着官方的文档和帮助说明就可以了。但是,有一个问题,所有其他项目的 Github Pages 页面的域名也会都跳转到你博客的域名下面,成为一个目录,如:
http://username.github.io/someproject
/someproject
这不是我想要的结果,我不希望博客域名影响到 Github 上面的项目链接。所以,我只好采用后一种:Project site,这种设置起来也难一点儿,主要是配置自定义域名。
设置步骤(我是采用 DNSPod 来解析域名):
为自己的博客创建一个 Repository,并创建
在 DNS 服务商处配置自己的 DNS,需要添加一条 A 记录和一条 CNAME 记录:
添加 A 记录,查找你 Github 子域名地址的静态 IP 地址:
$ nslookup alex1990.github.io
211.162.96.1
211.162.96.1
Non-authoritative answer:
alex1990.github.io
canonical name = github.map.fastly.net.
github.map.fastly.net
Address: 103.245.222.133
A 记录主机记录字段选择
,记录值(填写IP地址的地方)填写使用
查找到的地址,此处为:
103.245.222.133
添加 CNAME 记录,是为了能解析
域名。主机记录字段选择
,记录值填写自己的 Github 域名,此处为
alex1990.github.io
在 Repository 根目录下创建一个文件
时,Github 会将
,可根据自己需要选择带或不带,将创建的文件 Push 到 Github 上面,等待几分钟以便 Github 刷新域名的跳转。
另外要注意的是,如果先前建立过 User Pages,则所有的 Project Pages 域名仍然跳转,此时需要更新所有项目的
分支,即提交来刷新缓存。如果还不行,可尝试下面措施:
清理浏览器缓存
chrome://net-internals#dns
clear host cache
在实际的配置过程中,我花了两个晚上,看了十几个网页的教程,试了 N 多次,看了一篇文章
才尝试成功。
已发表评论数()
已收藏到推刊!
请填写推刊名
描述不能大于100个字符!
权限设置: 公开
仅自己可见
正文不准确
排版有问题
没有分页内容
视频无法显示
图片无法显示}

我要回帖

更多关于 hexo 代码高亮 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信