如何在linux上使用hexoubuntu hexo 搭建博客git博客

当前所在位置: >
热门微信号:
使用Hexo在Github上搭建自己的博客
作者: 浏览数:0 用手机扫描二维码
阅读,只需一秒。精彩,尽在掌握!以前的博客是使用Jekyll托管在github上,后来用着越来越不方便,比如没有自动生成post,不能一键部署,文件结构和配置也是比较繁...
以前的博客是使用Jekyll托管在github上,后来用着越来越不方便,比如没有自动生成post,不能一键部署,文件结构和配置也是比较繁琐,更重要的是有时候用markdown写一篇文章,生成的静态文件很乱,应该是有些字符解析的问题。现在下决心换成了hexo。 Nodejs安装因为hexo是基于nodejs的应用,所以要先安装nodejs才可以。我这里以ubuntu为例,因为我自己一直在使用ubuntu。使用如下命令即可:sudo apt-get install nodejssudo apt-get install npmHexo安装 是一个功能强大的静态网站生成系统,快速、简洁、高效。Hexo 支持 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多数插件。可以一键部署到github,还有丰富的插件和主题,还支持热部署哦。执行如下命令进行安装。sudo npm install hexo-cli -g快速开始安装Hexo安成后,使用如下命令快速新建一个博客系统,然后运行它:hexo init blogcd blognpm installhexo server如果npm安装失败,请使用sudo安装。运行成功后,访问
就可以看到博客的样子的,对就是我现在的博客这个样子,o(∩∩)o...哈哈。现在我们来看看Hexo 生成博客的目录结构:.├── _config&span class=&class&&.yml&/span&├── db&span class=&class&&.json&/span&├── node_modules├── package&span class=&class&&.json&/span&├── public├── scaffolds├── source└── themes其中_config.yml是配置站点的文件,public是hexo生成的静态站点文件夹,scaffolds是模板文件夹,source是存在用户资源的文件夹,themes是主题文件夹。站点配置找到title,subtitle,author参数配置,分别配置站点的标题、副标题和作者,比如我这里是:title: 飞雪无情的博客subtitle: 专注于Android、Java、移动互联网、项目管理、软件架构description:author: 飞雪无情language: zh-CN然后配置站点的url和permalink,这两个分别是你的站点的url host地址以及文章的永久连接,我这里是:url: http://www.flysnow.orgroot: /permalink: :year/:month/:day/:title.htmlpermalink_defaults:permalink 我配置的是年月日以及title,后缀是html,便于搜索收录。permalink详情参见: 新增一篇文章使用如下命令即可新增一篇md格式的文章:hexo new 'github-page-with-hexo'然后就会在sources/_posts生成一篇文件名为github-page-with-hexo.md的markdown文件。编辑该文件就可以写博客了。这里有一些Front-matter需要介绍,可以配置文章使用的模板、所属的分类和tag等。Front-matter 是文件最上方以 —- 分隔的区域,用于指定个别文件的变量,举例来说:title: &使用Hexo在Github上搭建自己的博客&date: 2015-03-10 22:30:04tags:- Hexo- Githubcategories:- Hexo---请注意,目前的categories只能有一个一级分类,如果填写多个,第二个会被解析为二级分类,以及类推。tags可以允许有多个。更多关于Front-matter请参考
。发布到github page首先你已经创建好了你的github page对应的git库,没有创建的可以google相关博客。然后新建一个hexo分支,存放你现在hexo的所有文件。然后执行如下命令清理并生成发布的静态站点文件。hexo cleanhexo generate然后把生成的public目录下的文件放到你的master分支下即可。git commit后把这两个分支推送到你的github上。git库结构可以参见我的github page库
。最后然后等个几分钟,访问你的域名就可以看到你的网站了。如 。关于更多的Hexo请参考官方文档
手机版地址:
微信号:linux-cn
面向Linux爱好者,提供Linux技术文章、新闻资讯和交流平台。 每天推送一条最新精选Linux资讯和技术文章;支持Linux命令查询、Linux资讯搜索及微信群的交流。
TA的热门文章
推荐互联网微信帐号
热门文章排行
(), All rights reserved 京ICP备号-12主题信息(必填)
主题描述(最多限制在50个字符)
申请人信息(必填)
申请信息已提交审核,请注意查收邮件,我们会尽快给您反馈。
如有疑问,请联系
一个程序猿的进化史!
欢迎大家关注我的微信公众号:Android订阅
转载文章请注明微信公众号ID:androiddingyue
github地址:/zhaozepeng
一个百度码农,技术公众号:Java和Android大牛频道(JANiubility)
https://bigsinger.github.io/
龙果学院(隶属于广州市领课网络科技有限公司)是一家专注于互联网金融系统技术解决方案的教育平台,提供专业级的互联网金融系统技术解决方案及技术教育服务。
这篇博客详细介绍了Hexo+Github 搭建属于自己的博客,对于想搭建个人博客的同学会有很大的帮助搭建Hexo博客并部署到Github详细教程_千叶知风雨_新浪博客
搭建Hexo博客并部署到Github详细教程
搭建Hexo博客并部署到Github的步骤是繁多的,不过只要每一步不出错的话还是不难的,下面就来好好看看吧。
Windows(Mac也是差不多,可参照)、Git、Node.js。
1、利用 npm 命令即可安装。在任意位置点击鼠标右键,选择Git Base。
2、输入命令:
npm install -g hexo
注意:-g是指全局安装hexo。
创建Hexo文件夹
安装完成后,在你喜爱的文件夹下(如C:\Hexo),执行以下指令(在C:\Hexo内点击鼠标右键,选择Git
Bash),Hexo 即会自动在目标文件夹建立网站所需要的所有文件。
安装依赖包
npm install
现在我们已经搭建起本地的hexo博客了,执行以下命令(在C:\Hexo),然后到浏览器输入localhost:4000看看。
hexo generate
hexo server
注册Github账号
这里不演示了。
创建Repository
创建的时候注意Repository的名字。比如我的Github账号是angelen10,那么我应该创建的Repository的名字是:angelen10.github.io。
修改配置文件
1、到你刚刚创建的Repository下,找到以下内容:
2、先点击HTTPS,然后复制里面的地址。然后编辑_config.yml文件(在C:\Hexo下)。
3、修改文件里面的deploy。其中的repository就改成你刚刚复制的地址。保存这个文件。
设置SSH keys
配置SSH的官方教程是:/articles/generating-ssh-keys/
1、在Git Bash输入以下指令(任意位置点击鼠标右键),检查是否已经存在了SSH keys。
ls -al ~/.ssh
2、如果不存在就没有关系,如果存在的话,直接删除.ssh文件夹里面所有文件:
3、输入以下指令(邮箱就是你注册Github时候的邮箱)后,回车:
ssh-keygen -t rsa -C ""
4、然后它会提示要你输入passphrase(如上图,我没有输入直接回车,如果你输入的话,要记得,到时候会用到)。之后,如果出现类似下图:
5、然后键入以下指令:
ssh-agent -s
6、继续输入指令:
ssh-add ~/.ssh/id_rsa
7、输入之后,在我这里是出错了,不知道你的有没有出错。
8、如果你的也是这样子出错了的话,就输入以下指令:
eval `ssh-agent -s`
9、到了这一步,就可以添加SSH
key到你的Github账户了。键入以下指令,拷贝Key(先拷贝了,等一下可以直接粘贴):
clip & ~/.ssh/id_rsa.pub
10、然后到Github里面,点击右上角的设置图标:
11、在Settings sidebar那里,点击SSH keys:
12、点击Add SSH key:
13、输入Title,作为这个key的描述吧(你可以输入Personal MacBook Air,瞬间高大上)
14、然后这个Key就是刚刚拷贝的,你直接粘贴就好(也可以文本打开以下文件):
15、点击Add Key:
16、输入你的Github密码即可完成SSH Key的添加。嗯,最后还是测试一下吧,键入以下命令:
17、你可能会看到有警告,没事,输入“yes”就好。
(一般在添加完公钥之后, 很多人经常会遇到下面这种问题:
“The authenticity of host ' (192.30.252.128)' can't be
established.RSA key fingerprint is
16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.Are you sure you
want to continue connecting (yes/no)?&**Host key
verification failed.**fatal: Could not read from remote
repository.Please make sure you have the correct access rightsand
the repository exists.”
说是主机密钥验证失败,其实这是缺少了 known_hosts 文件, 而且必须生成
的ip执行内容。
然后看到:
The authenticity of host ' (192.30.252.131)' can't be
established.RSA key fingerprint is
16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.Are you sure you
want to continue connecting (yes/no)? yes &
&#这里写 yesWarning: Permanently added
',192.30.252.131' (RSA) to the list of known
hosts.Permission denied (publickey)。
然后 .ssh 目录里将是三个文件,这样再连的时候就没事了。)
最后一步,快要成功了,键入指令:
hexo generate
hexo deploy
(1、有一些用户在hexo deploy之后会有个这个提示:
那么我们要输入我们在git上验证的邮箱:
如上图!再次hexo deploy,就发布上去了。)
(2、或者还可能遇到报错说:“Warning: Permanently added the RSA host key for
IP address '192.30.252.130' to the list of known
hosts”​
那么只需要打开你的host文件添加一行“192.30.252.”​即可搞定。)
OK,我们的博客就已经完全搭建起来了,在浏览器输入(你的用户名,下面是我的演示):
http://checkfrank.github.io/
注意:每次修改本地文件后,需要键入hexo
generate才能保存。每次使用命令时,都要在C:\Hexo目录下。每次想要上传文件到Github时,就应该先键入hexo
generate保存之后,再键入hexo deploy。大概成功之后是酱紫的:
对了,记住上图的Username是你的Github账号名称,而不是邮箱;Password就是你的Github的密码。
1.有网友反应右键菜单中没有 git bash 选项,可以进入开始菜单找到 git bash ,然后通过 cd
进入相应目录执行命令。
2.在github部署完成之后,马上访问可能出现404错误,这是正常的,(最多)等待十分钟左右就可以访问了。如果还不行,那很可能是
github 发送给你的验证邮件你没有打开看,据多方反映,验证后就没问题了。
3.如果在 hexo d 之后出现 fatal: 'username.github.io' does not appear to
be a git repository ,一是检查 repo 的名字是否合乎规范、是否含有大写字母、config.yml 中的
deploy 配置是否正确,二是把 git bash 关掉,重新打开再执行命令。
4.有的同学可能不是 IT 界的,或者对shell
命令不太了解。在要求输入密码时,你输入之后密码是不显示的,这是为了安全,并非是你没输上。
5.出现乱码的,不要使用 windows 中的「记事本」打开并编辑文件,推荐使用 sublime
text,很简单。如果已经在「记事本」中编辑过,需要使用 sublime text 转码为「utf8」。
6.安装 hexo 时卡在那儿不动,很可能是网络不给力,能全局 break wall 就好了。
7.遇到什么其他的问题,不妨删除.deploy 和db.json 再重新生成试一试。
hexo现在支持更加简单的命令格式了,比如:
hexo g == hexo generate
hexo d == hexo deploy
hexo s == hexo server
hexo n == hexo new
这篇和官方的说法有一点不一样,不过这是亲测成功的哦。
千叶知风雨
博客等级:
博客积分:0
博客访问:291,415
关注人气:0
荣誉徽章:}

我要回帖

更多关于 使用hexo搭建博客教程 的文章

更多推荐

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

点击添加站长微信