hexogitment不显示 sitemap.xml显示yoursite.com

在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
1,参照网上的教程如下图安装插件后,却始终无法产生相关的文件,请问有没有遇到过此问题的人,求解
2,安装效果如下
3,不清楚插件到底是安装成功了还是失败了,希望知道的人给予一点提示,谢谢
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
安装是成功了的,你用hexo g编译在你的主目录下看看public文件夹下应该有baidusitemap.xml和sitemap.xml在根目录(不是主题的_config.xml)的_config.xml配置文件下添加了你的url,不行的话hexo clean后再hexo g试试
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
你把这段删掉
# sitemap:
# path: sitmap.xml
# baidusitemap:
# path: baidusitemap.xml
应该是不用加也就可以生成的了。前提是你的# URL 是配置对了的。
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
安装这两个插件后hexo d一直报错误,还好有备份。
同步到新浪微博
分享到微博?
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:
在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
还是小白,之前还想好好的,因为想被百度收录,安装 npm install hexo-generator-baidu-sitemap --save,结果在添加
path: sitemap.xml
baidusitemap:
path: baidusitemap.xml
FATAL duplicated mapping key at line 32, column 23:
path: baidusitemap.xml
注释掉,之后莫名其妙就打不开文章了,出现404.
本地没问题
部署也没报错,打开首页没ok,甚至更新文章了也可以正常显示,但是一但打开文章,就会出现404
而我在仓库里也可以找到相应的文件夹。
谷歌了很久也没有找到问题,希望这里有大神可以解惑。
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
操作方式不对。不能直接推送_post去github。你需要先hexo g,然后再hexo d,这样才是正确deploy
我看了你的,你的操作方式应该是对的,配置的链接不对,你是不是修改了配置文件,你先不要修改主题或者程序的配置,推送成功,熟悉以后再尝试去修改配置,修改主题。
如果你的 hexo 版本是 2.x.x
path: sitemap.xml
baidusitemap:
path: baidusitemap.xml
如果你的 hexo 版本是 3.x.x
path: sitemap.xml
baidusitemap:
path: baidusitemap.xml
上面这段配置来源于官方说明,我查看hexo --version我本地的版本是
hexo: 3.2.2
hexo-cli: 1.0.1
os: Windows_NT 5.1.2600 win32 ia32
http_parser: 2.6.0
node: 5.4.1
v8: 4.6.85.31
zlib: 1.2.8
ares: 1.10.1-DEV
modules: 47
openssl: 1.0.2e
我用你报错的配置修改成了如下就好了
path: sitemap.xml
baidusitemap:
path: baidusitemap.xml
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
和你问题类似,本来好好的安装了这个插件后各种报错。hexo clean hexo g -d都无法使用。
FATAL duplicated mapping key at line 163, column 1:
baidusitemap:
YAMLException: duplicated mapping key at line 163, column 1:
baidusitemap:
at generateError (G:\Blog\Hexo\node_modules\js-yaml\lib\js-yaml\loader.js:16
at throwError (G:\Blog\Hexo\node_modules\js-yaml\lib\js-yaml\loader.js:168:9
at storeMappingPair (G:\Blog\Hexo\node_modules\js-yaml\lib\js-yaml\loader.js
at readBlockMapping (G:\Blog\Hexo\node_modules\js-yaml\lib\js-yaml\loader.js
问题实在无法解决,然后就在配置文件_config.yml直接把sitemap.xml和baidusitemap.xml全删除了
然后恢复了,可以提交了。我也是小白,楼主有更好的办法的话记得@一下我。谢谢啦
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
去掉那些插件 回到开始的样子 再按照插件 就知道哪里配置出错了 我之前也是这样 可以看看我的博客见我的个人信息 一起交流
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
如果你的 hexo 版本是 3.x.x
path: sitemap.xml
baidusitemap:
path: baidusitemap.xml
如果你的 hexo 版本是 2.x.x
sitemap:path: sitemap.xmlbaidusitemap:path: baidusitemap.xml
这样才对的 我的就是这样的
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
楼主,我遇到了和你相同的问题,能帮我解决下嘛??
该答案已被忽略,原因:
同步到新浪微博
分享到微博?
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:
在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。搭建Hexo博客中碰到的坑
我的图书馆
搭建Hexo博客中碰到的坑
前段时间上网查资料时看到了好几个很不错的个人博客,感觉很棒,自己也想搭建一个玩一下,刚好在万网查到自己的域名niujiajun.com没被注册,就搜集资料准备开干了。虽然现在早就不再是博客的时代了,但本来也没想着靠这个干什么,只是说能有个专属自己地方能分享记录自己的思考,资源和学习成果,可以把琐碎的东西总结归纳然后写出来,毕竟写出来&说出来&想出来。
不简单的介绍
好了费话不多说了,开始复盘博客搭建的整个过程。首先简单介绍一下,我的博客由作为博客框架,提供的300M免费空间作为服务器,作为博客的主题。Next主题中又集成了的评论、分享系统和热评文章功能,服务和站内搜索服务。反正就是一锅乱炖吧,其实我也不太了解这些功能和服务,就一步步按教程走就好了。整个搭建耗时4天,其实1天就能把基本的东西搭建好,剩下的三天都在处理问题和完善细节。如题,这篇文章的目的并不是讲解如何搭建一个Hexo博客,而是记录我在搭建博客过程中遇到的问题,并给出我的解决方法。
搭建博客的准备
先放几个Windows环境下搭建Hexo博客的教程:
这类教程网上一搜一大把,这里给的是我觉得写得可以的。还有一个比较作弊一些的自动化搭建工具:
这个是我快搭好的时候发现的,不喜欢太傻瓜式的,且不想前功尽弃,所以我是没用过的,疗效如何我也不知道。然后如果每个教程都大概看一下的话,可以发现每个教程的步骤不太一样,这就很讨厌了。其实上上周我就尝试过搭建,就是因为看的教程不对,所以刚开始就碰到了问题,于是放弃,拖了两周又重头再来。可见一个好的教程是成功他妈,下面是我看了几篇教程后自己的步骤:
注册github账号,创建一个yourname.github.io的仓库买个喜欢的域名下载、
利用Git安装Hexo,并进行本地测试部署本地文件到Github进行查看Github Pages绑定域名安装Next主题,并进行优化博客搜索引擎推广
这里要进行注解的是,有的教程会让配置SSH密钥,SSH密钥可以为了防止其他人恶意部署文件到你的仓库,使用以后每次部署文件都需要登录Github账号,可以不配置。有的教程中还会要求下载Github客户端,但我觉得没什么卵用。
曲折的路和路上的坑
路很长,慢慢来。
仓库的名字
仓库的名字的正确格式是github用户名.github.io,之前没仔细看,随便起了个,果断报错。
Git是Git Bash不是Github更不是Github Shell,是一个命令行工具,长这个样子。
git-bash-image
我刚开始就搞错了,然后Hexo的安装就失败了。
Hexo本地测试的时候要注意:
1.Git要运行在本地Hexo的根目录下。2.Git中Ctrl + C是stop的快捷键,不要使用Ctrl + C或Ctrl + V的快捷键,用右键。3.优化主题时,修改Hexo根目录下的_config.yml站点配置目录后,要重新启动Hexo再刷新,修改next主题目录下的_config.yml主题配置目录则只需刷新即可.4.本地测试是Hexo is running,Git显示如下,其他状态便无法连接
Start processing
Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
如何绑定域名
绑定域名是个大坑,我有两天的时间卡在了这上面,所以这里要详细讲一下绑定的过程
ping出Github Pages的IP
具体方法是打开win的命令行工具CMD,输入
ping yourname.github.io
返回的23.235.47.133就是Github Pages的IP,我拿到这个IP后直接在浏览器输入,结果就是404
我就很费解,为什么返回的ip找不到对象,然后我再次ping了一下
ping-error
WHAT THE FUCK?IP变成了185.31.18.133,是不是在玩我
然后上网查教程,没错啊,就是这样啊,可为什么会出问题呢?然后就一直卡着,最后加了个Hexo群问了下,也没有人说出原因,根据后面的尝试觉得可能每个结果都是对的,也就是说填哪个都行。
把获取的IP绑定到域名上
上一步有点混乱,我也不知道该绑定哪个IP,只好先试一下。看了网上的教程,很多人在DNSpod去绑定,如,我觉得在哪设置都行,就直接在阿里云的控制台设置了。首先找到控制台--&产品与服务--&域名--&域名列表
在你要设置的域名中点击解析
如果首次修改可以选择新手引导设置,不是首次就只能选择修改了,修改的时候只要修改两个记录类型为A,主机记录分别为@和www的行就可以了。
新手引导设置只需修改网址解析
PS:有的教程中说要新建CNAME,然后指向yourname.github.io,我试了,并不行,和已建的有冲突好了,域名设置好了,在浏览器输入
niujiajun.com
好了,接下来就是见证奇迹的时刻了
excuse me?怎么还是404,到底是哪出了问题,然后我又ping了一次拿新的ip绑定还是404,重新部署了文件直接无法显示网页了,重新申请个Github账号,然后重新绑定,还是404。
搞了很久还是不行,后面在网上和群里问出,到这里域名绑定并没有结束,还差关键一步。
在yourname.github.io的根目录下添加CNAME
具体就是在Hexo目录里的source文件下添加一个名为CNAME的文件,注意这个文件是没有后缀的,千万不要设置成.txt文本文件,文件的内容就是域名,格式如:
niujiajun.com
添加后部署文件,这个时候再试,应该就成功了。
其他步骤就按教程就行了。
搜索引擎推广时的注意
HTML验证文件
下载了验证文件后,部署到根目录下,点击完成验证,却发现
这是因为hexo编译文件时,会给下载的HTML文件中添加其他的内容,导致验证失败。比如本机内google文件的原内容是
google-site-verification: google28acb18a.html
Github里google文件的内容却是
&!doctype html&
&html class="theme-next mist use-motion"&
&meta charset="UTF-8"/&
&meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /&
&meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/&
等等一大堆,所以需要在Github里手动修改验证HTML文件,或者不编译,只需执行
打开HTML文件只有一串字符
提交sitemap站点地图
教程中说需要在在博客目录的_config.yml中添加如下代码
#自动生成sitemap
path: sitemap.xml
baidusitemap:
path: baidusitemap.xml
然后编译,就会在博客根目录的public下面发现生成了sitemap.xml以及baidusitemap.xml。但我的情况是,不添加可以生成,添加后反而不能生成。然后,我生成的文件如下
&?xml version="1.0" encoding="UTF-8"?&
&urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"&
&loc&http://yoursite.com//hello-world/&/loc&
&lastmod&T07:39:13.917Z&/lastmod&
&title&Hello World&/title&
&pubTime&T07:00:20.947Z&/pubTime&
&/display&
可以看到,编译器并没有把yoursite.com改为niujiajun.com,这里需要手动修改,但有一点要注意的是修改后部署文件不能再编译(hexo g)了,因为编译了以后又会变回yoursite.com,所以写了新的文章后记得修改sitemap.xml。然后把sitemap文件提交给搜索引擎就行了。
hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #将.deploy目录部署到GitHub
# 查看帮助
hexo version
#查看Hexo的版本
hexo deploy -g
#生成加部署
hexo server -g
#生成加预览
命令的简写
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy
部署文件需要三步
有时不需要hexo g
设置题目、分类、标签
在Markdown文件的开头添加
title: 你的题目
tags: 你的标签
category: 你的分类
如果使用hexo new命令新建文章则会自动生成
多个标签的设置
方式一:仿照Hexo配置文件中的写法
- JavaScript
方式二:伪JavaScript数组写法
tags: [前端,Hexo,HTML,JavaScript]
多个分类也是如此
设置索引目录里的图片
因为索引设置为提取文档前150个字符,所以想在索引目录中插入图片,就在文章开头插入图片即可。
首页只显示一篇文章
这好像是Next主题的一个bug,出现这种状况可以两次编译试一下
我也有过这种错误,但后面发现是自己md文件有错误,tags:后没加空格。注意命令行里错误信息
gitbash-error
这个错误就是在提示我md文件的tags标签处出现了错误。
回看一下好像也没什么难的,一步步按着教程来就可以了,有什么不懂的网上查一下就OK了
[转]&[转]&
喜欢该文的人也喜欢本文出自汗血宝马,转载时请注明出处及相应链接。
本文永久链接: http://www.caotama.com/75845.html
Ɣ回顶部进入程序员这个坑之后就开始自己在网上扒资料,然而资料太多,情况太复杂,主要是看见别人的博客,感觉好高大上,并且感觉在茫茫的互联网有自己的小天地感觉也是极好的。不是为了给别人看,而是为了 记录自己的成长,记录自己的每一个脚印。
Gitpage+hexo
想要实现拥有一个独立的私有博客,我们需要两个东西,一个是可供浏览器访问的静态网页存储空间,这个我们选择gitPage,一个是一个静态网页生成工具,Octopress也好,Hexo也罢,这里我选择的是Hexo。
1 安装Node
到Node.js官网下载相应平台的最新版本,一路安装即可。我用的是node-v0.10.22-x86.msi
安装git,或安装github客户端,自我感觉github客户端很好用,界面很友好,同样操作起来也比git好用的多!我用的是window10系统,在官网下载数次都未安装成功,最后在知乎上终于找到安装包,链接:
密码: yatq ,有需要的同学可以点击下载。
1 安装Hexo
使用git shell,依次输入以下代码命令:
npm install hexo-cli -g
命令解释:
cd和/之间要有空格,这条指令的作用是返回根目录,也可以在cd /后加入一个文件名,例如下文要用到的cd /Hexo 就可以指向这个文件夹,再输入代码行就默认在在此文件下执行。
2 安装博客所需文件
hexo init Hexo
npm instal
hexo generate(可简写为hexo g)
hexo sever(可简写为hexo s)
cd /这里返回的根目录取决于你在github客户端的设置,我设置的是F盘,所以返回得也是F盘,所以下面创建的Hexo文件夹也在F盘。
Hexo这个文件名可以随便命名,存放的是构建博客所要用到的所有文件。
指向Hexo目录
安装依赖文件
开启本地服务(第5、6步的操作可以合并成hexo s -g)
此时打开浏览器,在地址栏输入
即可查看博客的原型,是不是看到了胜利的曙光;但是如果“显示无法访问此网站”也不要沮丧,我这步是直接看到页面的,你无法访问的原因可能你没有翻墙,因为页面中默认使用了ajax.google.com 下的js包。
那么如何翻墙呢? 下面提供我所知道的两种方法:
这种方法比较简单,下载安装运行Lantern,可以官网下载的吧!这里提供一下安装包吧,链接:
密码: z3kw
这种方法需要修改hosts文件,我的 hosts 文件路径:C:\Windows\System32\drivers\etc ,详细攻略:
如果你不想翻墙,可以采用这种方法:
进入你刚新建好的 blog根目录
themes/landscape/layout/_partial
1,找到 after-footer.ejs把
&script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js“ & &/script&
&script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js“ & &/script&
2,找到 header.ejs
注释掉或者删掉 下面这句css引用
&link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel=”stylesheet” type=”text/css”&
hexo server 之后。访问
就会看到blog主页了。
如果你成功在
下看到了博客原型,那么再进行一些简单的操作之后就可以马上拥有自己的博客了,是不是很激动!
行百里者半九十
不到成功的那一刻,一切欣喜若狂都是不值得的!如果你已经迫不及待,我们继续:
3 部署博客到服务器
也就是把博客部署到github page提供的服务器上。
首先回到git shell按ctrl+c,之后输入y即可
修改Hexo文件夹下_config.yml文件,如下图所示修改,repository后的地址要改成你自己的地址:deploy: type: github repo:
继续回到git shell输入命令:
hexo clean
清除public,当 source 文件夹中的部分资源更改过之后,特别是对文件进行了删除或者路径的改变之后,需要执行这个命令,然后重新编译。
编译,一般部署上去的时候都需要编译一下,编译后,会出现一个 public 文件夹,将所有的md文件编译成html文件
开启本地服务,
部署博客到github上,如果一切顺利,你就通过访问usename.github.io访问你的博客了!
是的,现在你拥有了自己的博客!
千辛万苦建立了博客,那么我们来学习一下如何发表博文。
继续回到git shell输入:
hexo new “新博文的名字”
即可在 Hexo\source_posts 目录中找到”新博文的名字.md”这个文件。你就可以使用maekdown编辑器打开进行编写博客内容了。
Markdown编辑器
推荐两款我所使用的markdown编辑器:
MIU,据说是仿mac版的mou,界面相当友好,非常喜欢,官网都下载不了,挺小众,可能我就是典型的少说派,我也是偶然间得到,在此提供下载地址:
密码: 2pnk
正在使用的Atom:更为先进的文本代码编辑器 ,由 Github 打造的下一代编程开发神器,其中支持markdown。
可能会遇到的问题
hexo new [layout] “postName” #新建文章
其中layout是可选参数,默认值为post。有哪些layout呢,请到scaffolds目录下查看,这些文件名称就是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语法,可以参考我的文章Markdown简明语法。
可能有人对这个Reading页面中图片的fancybox效果感兴趣,这个是怎么做的呢。
很简单,只需要在你的文章*.md文件的头上添加photos项即可,然后一行行添加你要展示的照片:
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你的博客
categories: default
tags: [hexo]
hexo默认会处理全部markdown和html文件,如果不想让hexo处理你的文件,可以在文件头中加入layout: false。
在需要显示摘要的地方添加如下代码即可:
以上是摘要
以下是余下全文
more以上内容即是文章摘要,在主页显示,more以下内容点击『& Read More』链接打开全文才显示。
hexo中所有文件的编码格式均是UTF-8。
优雅的在博客上插入图片
看到很多博客上说使用七牛,但是这种方法可能是用着最爽的,我们来看一下如何使用:
首先确认 _config.yml 中更改 post_asset_folder:true 。
回到git shell,输入
npm install https:
hexo clean
重新创建一个博客名字,然后发现Hexo\source_posts下多了一个与博客名字相同的空文件夹
然后就可以把我们博客中要用到的图片存放在这个文件夹下,需要时直接引用即可,是不是特别方便?
写一篇博文时尽量只使用一种markdown编辑器,如果同时使用两个编辑器,我感觉不同编辑器对markdown语法的编译还是有一些差别的,用这个编辑器写好的格式用另一个编辑器打开却乱了!
预览和发表
继续重复以下命令即可实现预览和发表,恭喜你已经在自己建设的博客网站上发表了第一篇博文!
hexo clean
更高大上的发表博文的方法
使用Travis CI自动部署你的Hexo博客到Github,请参考手把手教你使用Travis CI自动部署你的Hexo博客到Github上
使用could9在线更新博客,这样的话即使更换了电脑,也能优雅的更新博客了。详细请参考:用c9.io实现在线更新博客
如果你跟我一样觉得原始的博客主题很low,想更换一个高逼格的,那我们继续往下进行:
你可以在Themes·Hexo上选择你喜欢的主题,我使用的Next主题
安装Next主题
参考Next官方文档,内容十分详尽!
安装主题的方法就是一句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: #配置页头显示哪些菜单
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默认集成的是Disqus,因为你懂的,所以国内的话还是建议用多说
直接用你的微博/豆瓣/人人/百度/开心网帐号登录多说,做一下基本设置。如果使用modernist主题,在modernist_config.yml中配置duoshuo_shortname为多说的基本设置-&域名中的shortname即可。你也可以在多说后台自定义一下多说评论框的格式,比如评论框的位置,对于css设置,可以参考这里,我是在HeroicYang的基础上修改的。
如果你是有的其他第三方评论系统,将通用代码粘贴到hexo\themes\modernist\layout_partial\comment.ejs里面,如下:
&% if (config.disqus_shortname && page.comments){ %&
id="comment"&
#你的通用代码
构建新页面
那些小图标都是一个新页面,需要手动创建,那么如何创建?
回到git shell,
hexo new page “页面名称”
比如你要创建一个about页面,就输入hexo new page “about”
正确显示各页面内容
发表博文后发现点击上面建立的页面后发现是空白页,比如,打开标签页面,发现是空白,或者提示找不到!
解决方法:以标签页为例,打开Hexo\source\tags下index.md文件,修改如下:
comments: false即关闭此页面的评论功能
type: “tags”这里的值根据你想更改的页面决定
更改过后,在重新部署到github上,你就可以点击各个页面查看,发现一切都是那么美好!
hexo支持的插件:Plugins | Hexo
想安装什么插件,按照相关README.md中介绍操作即可。
安装多说评论、不蒜子(或LeanCloud)和分享插件,参考:第三方服务集成,介绍非常全面!好好用来装饰你的博客吧!
安装sitemap和feed插件时,如果遇到问题,可以参考:博客搬迁记 - 从WordPress到Hexo,安装sitemap后要到百度站长提交你的网站,首先要添加站点,然后在链接提交你的sitemap.xml,详细操作参考:为Hexo博客生成sitemap
安装swiftype插件,如果遇到问题,可以参考利用swiftype为hexo添加站内搜索
考虑到博客的速度,同时也为了便于博客的迁移,图床是必须的。我墙裂推荐七牛,访问速度极快,支持日志、防盗链和水印。
免费用户有每月10GB流量+总空间10GB+PUT/DELETE 10万次请求+GET 100万次请求,这对个人博客来说足够,有一点要说明的是,七牛没有目录的概念,但是文件名可以包含/,比如/reading/photos-0.jpg,参考这里关于key-value存储系统。
七牛除了作为图床还可以作为其他静态文件存储空间,比如我的个人站点首页有个字库文件和JS文件下载较慢,有时间会把它弄到七牛上去,以提高首页打开速度。请看这篇Linux中国采用七牛云存储支撑图片访问。
如果非要说不足的话,就是文件管理界面不是很友好,不支持CNAME到分配的永久链接,也不能绑定未备案的自有域名,必须备案才可以。
如果你对七牛web版的文件管理界面不满意,可以用官方的七牛云存储工具。
您还可以使用如下图床服务 FarBox,Dropbox,又拍云
Next主题很美观,个人也非常喜欢,但是一点令我们烦恼的就是主题加载的特别缓慢,那怎么优化呢?请参考一下两篇博文,作者已经总结的非常详细了,有需要的可以拜读一下,受益匪浅!
提升Hexo的NexT主题加载速度
使用gulp精简hexo博客代码
购买域名,我是在万网购买的,可以申请到国际域名,免去了备案的繁杂过程,我居然申请了两个,由于自学前端,所以就构建了一个网站来展示自己写的一些demo,【至于如何快速的构建一个网站,从购买域名,云空间到上传文件,你可以试一下这个网站,但是现在可以用github page做服务器,也可以构建多个项目主页来展现demo,是我马上要研究的方向,自己上传云服务器感觉步骤好繁琐,看一下在github建立项目主页能否得到改善!】还一个正好闲置着,所以就拿来解析到github page上,以后就可以通过自己的域名访问自己的博客了!
如何操作:在 Hexo\source 文件夹里新建一个名为 CNAME 的文件,用文本编辑器打开,添加内容 yourwebsite.com (你的个人域名 )。保存后,部署你的博客即可。如果这步遇到问题,也可手动在万网上解析,github page提供的IP:
192.30.252.153
192.30.252.154
制作ICO图标
favicon.ico一般用于作为缩略图的网站标志,在线制作网站
关于是否绑定域名
经过这几天的试用,关于是否绑定域名,发表一下自己的看法,如果你仅仅是使用个人主页来托管个人博客。绑定与否看你自己的想法,如果你还想使用github的项目主页来展示平时写的一些小练习demo,那我劝你不要绑定个人域名了,关于如何使用github的项目主页,请参考单个GitHub帐号下添加多个GitHub Pages的相关问题,这样你就可以直接在需要展示的项目下添加gh-pages分支,然后通过访问“用户名。github.io/项目名/*.html”来查看页面展示效果了。这多方便,不用自己在上传云空间了,省去了一堆麻烦事!
至此,基本操作介绍完毕,以下内容普通用户无需了解。
默认目录结构:
├── .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. #联系邮箱
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:
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:
# Archives #存档,这里的说明好像不对。全部选择1,这个选项与主题中的选项有时候会有冲突
## 2: Enable pagination
## 1: Disable pagination
## 0: Fully Disable
archive: 1
category: 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
type: github
repository: :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
├── _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,比如头上加个搜索框:
&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?:\/\//, '') %&"&
将如上代码加入即可,您需要修改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){ %&
type="text/javascript"&
#你的百度统计代码
注册并登录百度统计获取你的统计代码。
编辑文件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
用上述方法可以添加新浪微博小挂件。
生成自己的微博组件。
添加hexo\themes\modernist\layout_widget\weibo.ejs文件。
配置hexo\themes\modernist_config.yml。
安装插件:
npm install &plugin-name& --save
启用插件:在*hexo_config.yml文件添加:
- &plugin-name&
升级插件:
npm update
卸载插件:
npm uninstall &
将上述命令中的『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
更新主题:
更新插件:
npm update
Kill IE6 提示的javascript代码,请自行搜索。
你要保留好自己的博客源码。换机器写博客,就只能使用各种网盘的同步功能,或者你把你的站点源文件提交到某代码托管服务器。另外,貌似这篇很牛逼,Hexo 服务器端布署及 Dropbox 同步。
我的办法是这样的,先在一个目录下做好Node+Git+Hexo的绿色环境,写个hexos.bat可以一键启动hexo工作台,把整个目录用Dropbox同步,这样随便在办公室或家的任何笔记本台式机都可以写博客,也不用处理什么文件拷贝备份的事情,非常爽。
进入程序员这个坑之后就开始自己在网上扒资料,然而资料太多,情况太复杂,主要是看见别人的博客,感觉好高大上,并且感觉在茫茫的互联网有自己的小天地感觉也是极好的。不是为了给别人看,而是为了 记录自己的成长,记录自己的每一个脚印。
Gitpage+hexo
想要实现拥有一个独立的私有博客,我们需要两个东西,一个是可供浏览器访问的静态网页存储空间,这个我们选择gitPage,一个是一个静态网页生成工具,Octopress也好,Hexo也罢,这里我选择的是Hexo。
1 安装Node
到Node.js官网下载相应平台的最新版本,一路安装即可。我用的是node-v0.10.22-x86.msi
安装git,或安装github客户端,自我感觉github客户端很好用,界面很友好,同样操作起来也比git好用的多!我用的是window10系统,在官网下载数次都未安装成功,最后在知乎上终于找到安装包,链接:
密码: yatq ,有需要的同学可以点击下载。
1 安装Hexo
使用git shell,依次输入以下代码命令:
2. npm install hexo-cli -g
命令解释:
cd和/之间要有空格,这条指令的作用是返回根目录,也可以在cd /后加入一个文件名,例如下文要用到的cd /Hexo 就可以指向这个文件夹,再输入代码行就默认在在此文件下执行。
2 安装博客所需文件
2. hexo init Hexo
3. cd /Hexo
4. npm install
5. hexo generate(可简写为hexo g)
6. hexo sever(可简写为hexo s)
cd /这里返回的根目录取决于你在github客户端的设置,我设置的是F盘,所以返回得也是F盘,所以下面创建的Hexo文件夹也在F盘。
Hexo这个文件名可以随便命名,存放的是构建博客所要用到的所有文件。
指向Hexo目录
安装依赖文件
开启本地服务(第5、6步的操作可以合并成hexo s -g)
此时打开浏览器,在地址栏输入
即可查看博客的原型,是不是看到了胜利的曙光;但是如果“显示无法访问此网站”也不要沮丧,我这步是直接看到页面的,你无法访问的原因可能你没有翻墙,因为页面中默认使用了ajax.google.com 下的js包。
那么如何翻墙呢? 下面提供我所知道的两种方法:
这种方法比较简单,下载安装运行Lantern,可以官网下载的吧!这里提供一下安装包吧,链接:
密码: z3kw
这种方法需要修改hosts文件,我的 hosts 文件路径:C:\Windows\System32\drivers\etc ,详细攻略:
如果你不想翻墙,可以采用这种方法:
进入你刚新建好的 blog根目录
1 themes/landscape/layout/_partial
1,找到 after-footer.ejs把
&script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js“ & &/script&
2,找到 header.ejs
注释掉或者删掉 下面这句css引用
&link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel=”stylesheet” type=”text/css”&
hexo server 之后。访问
就会看到blog主页了。
如果你成功在
下看到了博客原型,那么再进行一些简单的操作之后就可以马上拥有自己的博客了,是不是很激动!
行百里者半九十
不到成功的那一刻,一切欣喜若狂都是不值得的!如果你已经迫不及待,我们继续:
3 部署博客到服务器
也就是把博客部署到github page提供的服务器上。
首先回到git shell按ctrl+c,之后输入y即可
修改Hexo文件夹下_config.yml文件,如下图所示修改,repository后的地址要改成你自己的地址:deploy:
type: github
repo: https://github.com/yourname/blog.git
继续回到git shell输入命令:
hexo clean
清除public,当 source 文件夹中的部分资源更改过之后,特别是对文件进行了删除或者路径的改变之后,需要执行这个命令,然后重新编译。
编译,一般部署上去的时候都需要编译一下,编译后,会出现一个 public 文件夹,将所有的md文件编译成html文件
开启本地服务,
部署博客到github上,如果一切顺利,你就通过访问usename.github.io访问你的博客了!
是的,现在你拥有了自己的博客!
千辛万苦建立了博客,那么我们来学习一下如何发表博文。
继续回到git shell输入:
hexo new “新博文的名字”
即可在 Hexo\source_posts 目录中找到”新博文的名字.md”这个文件。你就可以使用maekdown编辑器打开进行编写博客内容了。
Markdown编辑器
推荐两款我所使用的markdown编辑器:
MIU,据说是仿mac版的mou,界面相当友好,非常喜欢,官网都下载不了,挺小众,可能我就是典型的少说派,我也是偶然间得到,在此提供下载地址:
密码: 2pnk
正在使用的Atom:更为先进的文本代码编辑器 ,由 Github 打造的下一代编程开发神器,其中支持markdown。
可能会遇到的问题
hexo new [layout] “postName” #新建文章
其中layout是可选参数,默认值为post。有哪些layout呢,请到scaffolds目录下查看,这些文件名称就是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语法,可以参考我的文章Markdown简明语法。
可能有人对这个Reading页面中图片的fancybox效果感兴趣,这个是怎么做的呢。
很简单,只需要在你的文章*.md文件的头上添加photos项即可,然后一行行添加你要展示的照片:
经过测试,文件头上的layout: photo可以省略。
不想每次都手动添加怎么办?同样的,打开您的hexo\scaffolds\photo.md
layout: { { layout } }
title: { { title } }
date: { { date } }
然后每次可以执行带layout的new命令生成照片文章:
exo new photo “photoPostName” #新建照片文章
description
markdown文件头中也可以添加description,以覆盖全局配置文件中的description内容,请参考下文_config.yml的介绍。
title: hexo你的博客
categories: default
tags: [hexo]
description: 你对本页的描述
hexo默认会处理全部markdown和html文件,如果不想让hexo处理你的文件,可以在文件头中加入layout: false。
在需要显示摘要的地方添加如下代码即可:
以上是摘要
以下是余下全文
more以上内容即是文章摘要,在主页显示,more以下内容点击『& Read More』链接打开全文才显示。
hexo中所有文件的编码格式均是UTF-8。
优雅的在博客上插入图片
看到很多博客上说使用七牛,但是这种方法可能是用着最爽的,我们来看一下如何使用:
首先确认 _config.yml 中更改 post_asset_folder:true 。
回到git shell,输入
npm install
hexo clean
重新创建一个博客名字,然后发现Hexo\source_posts下多了一个与博客名字相同的空文件夹
然后就可以把我们博客中要用到的图片存放在这个文件夹下,需要时直接引用即可,是不是特别方便?
写一篇博文时尽量只使用一种markdown编辑器,如果同时使用两个编辑器,我感觉不同编辑器对markdown语法的编译还是有一些差别的,用这个编辑器写好的格式用另一个编辑器打开却乱了!
预览和发表
继续重复以下命令即可实现预览和发表,恭喜你已经在自己建设的博客网站上发表了第一篇博文!
hexo clean
更高大上的发表博文的方法
使用Travis CI自动部署你的Hexo博客到Github,请参考
使用could9在线更新博客,这样的话即使更换了电脑,也能优雅的更新博客了。详细请参考:用c9.io实现在线更新博客
如果你跟我一样觉得原始的博客主题很low,想更换一个高逼格的,那我们继续往下进行:
你可以在上选择你喜欢的主题,我使用的Next主题
安装Next主题
参考,内容十分详尽!
可能会遇到的问题
在此列举我所遇到的问题,及解决方法:
构建新页面
如上图那些小图标都是一个新页面,需要手动创建,那么如何创建?
回到git shell,
hexo new page “页面名称”
比如你要创建一个about页面,就输入hexo new page “about”
正确显示各页面内容
发表博文后发现点击上面建立的页面后发现是空白页,比如,打开标签页面,发现是空白,或者提示找不到!
解决方法:以标签页为例,打开Hexo\source\tags下index.md文件,修改如下:
comments: false即关闭此页面的评论功能
type: “tags”这里的值根据你想更改的页面决定
更改过后,在重新部署到github上,你就可以点击各个页面查看,发现一切都是那么美好!
hexo支持的插件:
想安装什么插件,按照相关README.md中介绍操作即可。
安装多说评论、不蒜子(或LeanCloud)和分享插件,参考:,介绍非常全面!好好用来装饰你的博客吧!
安装sitemap和feed插件时,如果遇到问题,可以参考:,安装sitemap后要到提交你的网站,首先要添加站点,然后在链接提交你的sitemap.xml,详细操作参考:
安装swiftype插件,如果遇到问题,可以参考
Next主题很美观,个人也非常喜欢,但是一点令我们烦恼的就是主题加载的特别缓慢,那怎么优化呢?请参考一下两篇博文,作者已经总结的非常详细了,有需要的可以拜读一下,受益匪浅!
购买域名,我是在购买的,可以申请到国际域名,免去了备案的繁杂过程,我居然申请了两个,由于自学前端,所以就构建了一个网站来展示自己写的一些demo,【至于如何快速的构建一个网站,从购买域名,云空间到上传文件,你可以试一下这个,但是现在可以用github page做服务器,也可以构建多个项目主页来展现demo,是我马上要研究的方向,自己上传云服务器感觉步骤好繁琐,看一下在github建立项目主页能否得到改善!】还一个正好闲置着,所以就拿来解析到github page上,以后就可以通过自己的域名访问自己的博客了!
如何操作:在 Hexo\source 文件夹里新建一个名为 CNAME 的文件,用文本编辑器打开,添加内容 yourwebsite.com (你的个人域名 )。保存后,部署你的博客即可。如果这步遇到问题,也可手动在万网上解析,github page提供的IP:
192.30.252.153
192.30.252.154
制作ICO图标
favicon.ico一般用于作为缩略图的网站标志,
关于是否绑定域名
经过这几天的试用,关于是否绑定域名,发表一下自己的看法,如果你仅仅是使用个人主页来托管个人博客。绑定与否看你自己的想法,如果你还想使用github的项目主页来展示平时写的一些小练习demo,那我劝你不要绑定个人域名了,关于如何使用github的项目主页,请参考,这样你就可以直接在需要展示的项目下添加gh-pages分支,然后通过访问“用户名。github.io/项目名/*.html”来查看页面展示效果了。这多方便,不用自己在上传云空间了,省去了一堆麻烦事!
Hexo + Gitpage 搭建个人博客
Hexo 是一个快速、简洁且高效的静态站点生成框架,它基于 Node.js。
基于 Hexo 这个优秀的博客框架,很多优秀的开发者奉献出了它们基于 Hexo 开发的主题。NexT 是一款非常不错的主...
备份和多终端更新hexo博客步骤
备份和多终端更新hexo博客步骤
换了电脑使用Hexo更新博客
这个个人觉得真的很有必要,来自一个心痛的经历
本地文件没有了,如果有时间打算重新开始o(╥﹏╥)o
先看一下目前的效果吧 https://rainyxy.github.io/
使用其他电脑时怎么对自己的hexo博客进行改动
思想主要是建两个分支一、关于搭建的流程
创建仓库,http://CrazyMilk.github.io;
创建两个分支:master 与 hexo;
设置hexo为默认分支(因为我们只需要手动管理这个...
基于Hexo+GitHub Pages 搭建博客详细教程
摘要 :这是一篇有关如何使用Github Pages和Hexo搭建自己独立博客的详尽教程,里面介绍了如何使用和配置Hexo框架,如何将Hexo部署到自己的Github项目中,域名注册,以及域名的绑定等...
进入程序员这个坑之后就开始自己在网上扒资料,然而资料太多,情况太复杂,主要是看见别人的博客,感觉好高大上,并且感觉在茫茫的互联网有自己的小天地感觉也是极好的。不是为了给别人看,而是为了 记录自己的成长...
完整的GitHub Pages + Hexo 博客之前已经有部署完成,关于发表博文也有提到过,但只是作为测试效果使用的流程,经过最近亲身实践发布了几篇博文,有几点注意情况特意来记录一下。...
经常看到别人搭建自己的博客,本文就基于Hexo和Git 搭建一个属于自己的博客。
创建一个github仓库
填写仓库的信息
首先需要在电脑中安装N...
github提供了很好的gitpage用于部署页面,并且是免费的,如果只是一些静态的页面不需要跟本地数据库交互,就完全可以部署在gitpage上面。
下面就通过一个简单的webpack打包的reac...
Cute&em&Page&/em&,非常棒的网页&em&编辑&/em&软件,所见即所得。综合评分:0 收藏评论举报 所需: ...&em&Git&/em&Chat 码字计划——成就每一位技术创作者
亚马逊人脸识别系统再“犯错”,国内...
没有更多推荐了,

我要回帖

更多关于 hexogitment不显示 的文章

 

随机推荐