1、如何在 GitHub 上写博客
首先确认:
拥有一个GitHub账号
已经安装 Git ,(在Windows下,个人推荐直接安装 GitExtensions ,有中文界面,并且集成了git + putty + kDiff ,比较省心一点啦)
1.建立一个项目
先在GitHub创建一个项目,名字随意,尽量全部小写字母,避免随后会碰到的URL冲突问题
本地运行Git,随意选个目录,将刚才创建的项目clone下来
2.建立配置文件_config.yml
注意:之后建立的所有文档务必使用UTF-8 无 BOM 的编码保存
在项目的根目录下新建文件 _config.yml ,填写 baseurl: /blogdemo , blogdemo是你的项目名称,这一行内容规定了整个网站的根路径,稍后会详细解释这样做的意义。
3.建立主页
在根目录下新建文件 index.html , 内容像这样:
---
title: Hello, My Blog
---
{{ page.title }}
先不用急着奇怪为什么一个html文件会出现”{}“这样的标签,这里使用的是 Liquid 模板语言 ,{{ page.title }} 表示“本页面的标题”
OK,那么博客主页设计完毕!
4.发布到GitHub
回到git bash, 检查一下 git status ,确认 _config.yml 与 index.html 无误后 add,commit,保持使用Git的良好习惯,记得添加提交描述
然后推送到GitHub,这里注意,因为我们使用的是GitHub Pages中的 Project Pages, GitHub仅会将分支 gh-pages 下的内容进行自动生成操作, 所以本地的 master 分支应推送到远端的 gh-pages 分支
git push origin master:gh-pages
稍微等待一下,最多10分钟(通常不用那么久啦),访问 yourname.github.com/blogdemo ,(其中 yourname 是你的GitHub帐户名,blogdemo则是你的项目名)就会看见你的博客主页(确实很丑…而且完全不像一个博客的样子,不过别急,慢慢来比较快~)
2、如何在 GitHub 上写博客
本文在Windows7下测试成功。
安装和设置Git
下载Git for
Windows,采用默认安装,安装完成后就可以在本地使用Git了。
但要将内容放到Github上,必须先在Github网站上注册个账户,然后在本机使用Git创建SSH Key。操作如下:
在Git Bash上输入命令:
ssh-keygen -C "[email protected]" -t rsa
Note: “[email protected]”需要更换成你在Github上注册的Email地址或者是Username
这样会在用户目录(C:\Users\用户名)下产生一个.ssh文件夹,里面为对应的SSH
Keys,其中id_rsa.pub是Github需要的SSH公钥文件。
到c:\Users\用户名\.ssh\目录找到id_rsa.pub(可能位置不一定对,但是确认是以.pub结尾的文件),并用记事本打开复制全部内容。
Note:建议私钥公钥的名称最好写成"id_rsa",这样连接Github的时候会找这个文件,如果文件名已定,之后改名也行。
在github网站选择“Account Settings”>>“SSH Public Keys”>>“Add another
public key”,将刚才复制的内容粘贴到key文本框内。
这样就可以直接使用Git和GitHub了。
Note:建议在Git Bash中输入“ssh -v [email protected]”测试能够正常连接github
安装Ruby环境
下载RubyInstaller和DevKit。
因为Octopress需要的Ruby版本为1.9.2,所以选rubyinstaller-1.9.2-p290.exe,DevKit-tdm-32-4.5.2-20111229-1559-sfx.exe。
先安装RubyInstaller,然后解压缩DevKit(路径中不能有中文)。
在“Start Command Prompt with Ruby”命令行中进入DevKit解压缩的目录,然后运行以下命令:
ruby dk.rb init
ruby dk.rb install
gem install rdiscount --platform=ruby
如果安装成功,就可以使用一些Ruby的工具了,也为后面搭建博客提供了基础环境。
安装Octopress
先通过Git从Github上克隆一份Octopress(在Git Bash上输入命令)
git clone git://github.com/imathis/octopress.git octopress
然后安装一些依赖的工具(后面都是在Start Command Prompt with Ruby中输入)
cd octopress
ruby --version # Should report Ruby 1.9.2
gem install bundler
bundle install
安装Octopress默认的Theme
rake install
配置Octopress
将octopress的文件夹下的_config.yml的编码改成UTF-8:
保存(或另存为)时选择编码格式为UTF-8
修改_config.yml,批改url、title、subtitle、author等等。
到Ruby的安装目次\lib\ruby\gems\1.9.1\gems\jekyll-0.11.2\lib\jekyll\找到convertible.rb这个文件,批改self.content
= File.read(File.join(base, name))为self.content = File.read(File.join(base,
name), :encoding => "utf-8")。
写博文
最简单的方式:复制octopress\source\_posts下某个文件,例如2012-07-30-the-first-post.markdown,修改文件名和文件中的内容
或者,命令行中输入rake
new_post["title"],会创建一个新的Post,新文件在source/_post下,文件名如下面的格式:2012-07-31-title.markdown。该文件可以直接打开修改。
写文章时,可以使用Markdown和Octopress
Plugins等工具对内容进行格式排版。
预览效果
在修改设置或者写完文章后,想看看具体效果,可以通过如下命令来完成:
rake generate
rake preview
将博客部署到Github上
在预览的效果符合自己的预期后,就可以通过如下命令将内容部署到Github上了。
如果是第一次部署,需要在Github上创建一个username.github.com的repository
在github网站选择“Create a New Repo”,如图
填写对应的内容即可
note:Repository
name填写username.github.com,username一定要和github的username一致,建好的博客代表的是你这个github账户的主页即page
配置octopress与github的连接:
进入Octopress目录:
rake setup_github_pages
按照提示填入你的github项目网址,比如:
[email protected]:Username/yourname.github.com.git
note:可以按照上面的修改,也可以在github的项目页中找地址
分发到github上:
rake deploy
第一次运行时,会询问是否建立对github的授权,输入:yes。然后将站点更新的内容推送到github上。
补充一点:
最后的但并不是最重要的,我们需要将修改的日志同步到github上,因此下面的3个命令也是必须的。
git status
git add .
git commit -m 'your message'
git push origin source
大功告成!
3、如何在git上管理自己的博客需要私人仓库吗
git diff 对比文件的差异
git branch 列出所有分支
git log 显示提交记录
分支
git brach 分支名 创建分支
git checkout 分支名 切换分支
提交
git add 跟踪新文件内或者已有文件的改动容,或者用来解决冲突
git commit 把文件从stage提交到branch
删除
git rm 文件名 不但从stage中删除,同时删除物理文件。
4、如何实现在gitub在博客中粘贴代码
首先,你要有一个github的账号.........
然后,在github中搜索对应的项目名称,然后在右边就可以看专到URL了:
2 安装属git,创建本地仓库
为了存放源码,首先需要安装版本控制工具git。
登录官网:http://git-scm.com/download/
找到对应版本下载后安装即可。
安装完成后,进入想要存放源码的文件夹,右键单击git init here 初始化仓库
5、如何在linux上使用hexo搭建git博客
安装前提
安装 Hexo 非常简单。需要预先安装:
Node.js
Git
在 Ubuntu 14.04/15.04 上安装配置 Node.js v4.0.0 http://www.linuxidc.com/Linux/2015-10/123951.htm
如何在CentOS 7安装Node.js http://www.linuxidc.com/Linux/2015-02/113554.htm
Ubuntu 14.04下搭建Node.js开发环境 http://www.linuxidc.com/Linux/2014-12/110983.htm
Git 服务器搭建与客户端安装 http://www.linuxidc.com/Linux
Ubuntu下Git服务器的搭建与使用指南 http://www.linuxidc.com/Linux/2015-07/120617.htm
准备条件做好了之后就可以开始安装Hexo了
安装Hexo
打开Git Bash 执行命令
1
$ npm install -g hexo-cli
创建博客
Hexo安装完成后,分别执行如下命令,Hexo会自动生成需要的文件夹
1
2
3
$ hexo init <folder> ##<folder> 为你指定的文件地址
$ cd <folder>
$ npm install
例如:需要将博客搭建在本地的D:\my_hexo下,则分别执行命令:hexo init D:\my_hexo ,cd D:\my_hexo,npm install
执行完命令后如果没有问题我们就可以执行启动命令来查看我们的博客了.
本地预览
1
2
3
$ hexo server ## 启动服务,默认端口4000
$ hexo server -p xxxx ## 自定义端口启动服务
$ hexo clean ## 清除缓存,在页面显示不正常的时候可以执行此命令
然后在浏览器输入http://127.0.0.1:4000/ 即可访问
创建Repository
登录github 点击右上角的”+”,Create a new repository
Create a new repository
复制刚刚新建的https连接:https://github.com/Admol/admol.github.io.git
打开你hexo目录下的_config.yml
设置deploy信息,如:
1
2
3
4
deploy:
type: git
repository: https://github.com/Admol/admol.github.io.git
branch: master
设置SSH key
检验是否已存在key
分别执行命令
1
2
cd ~
cd .ssh
再执行命令 ls 查看是有已有key文件,一般存在key的话都会显示id_rsa.pub 和 id_dsa.pub这两个文件,没有key什么都不会显示
添加一个 SSH key
执行命令(已有key的可以跳过步骤2):
1
2
3
$ ssh-keygen -t rsa -C "[email protected]"
## t 指定密钥类型,默认是 rsa ,可以省略。 -C 设置注释文字,比如邮箱或其他。
然后会提示你 Enter Enter file in which to save the key (/c/Users/you/.ssh/id_rsa): [Press enter,这里是输入一个文件名用来保存ssh key,也可以什么都不输,会使用默认的id_rsa.pub 和 id_dsa.pub
回车之后,需要输入两次密码(该密码是你push文件的时候要输入的密码,而不是github的密码)
输入密码之后,看见如下显示信息,添加SSH key成功.
Github 设置 SSH key
登录github,点击Settings,然后点击 SSH keys ,在这个页面你可以管理你所有的ssh keys
然后点击Add SSH key
用文本编辑器打开刚刚添加的key文件id_rsa.pub,复制里面的所有的内容
回到github页面,将复制的内容粘贴到刚刚那个页面的key对应的文本框里面,title 可以随便填写
测试ssh key 是否添加成功
在命令行输入:
1
$ ssh -T [email protected]
会出现一段警告代码,输入yes回车,然后会要求你输入刚刚设置的密码,然后它会和你说:Hi,帅哥....约吗
到此SSH key就设置完毕了
部署到Github
打开命令窗口,回到你的hexo博客目录下,如别执行如下命令:
1
2
hexo generate
hexo deploy
等待命令执行完毕后,可以查看代码是否已提交到github上,然后在浏览器输入admol.github.io就可以访问了
新建页面
1
$ hexo new page 'pageName'
执行命令后可以在你本地的/source 目录下看见以为你新增页面名为名的文件夹
显示页面
打开文件后可以对index.md 进行编辑.然后打开/themes/jacman目录下的_config.yml文件(自己正在使用的主题),
添加刚刚新增的页面:
1
2
3
4
5
menu:
首页: /
统计: /archives
关于: /about
pageName: /pageName ##前面的pageName可以自定义,后面的pageName必须写刚刚新增的页面名称
新建文章
1
$ hexo new [layout] 'name'
[layout] 为可选,不写默认为post. /source 目录下的文件夹名称即为 layout 名
安装主题
1
$ git clone https://github.com/JamesPan/hexo-theme-icarus.git themes/icarus
更换主题
首先下载主题,然后打开根目录下的 _cinfig.yml ,修改 theme: 要更换的主题名
修改主题颜色
打开 /themes/jacman目录下的_config.yml文件,修改:
1
2
theme_color:
theme: '色值'
修改logo图片
打开主题下的 _config.yml 文件,修改:
1
2
3
4
imglogo:
enable: false ## 是否显示logo
src: img/logo.gif ## logo图片地址
favicon: img/qq.ico ## 页面左上角图标
Hexo 版本升级
1
$ npm update hexo -g
6、如何将托管在github上的hexo博客转到gitcafe
您好,ithub虽然非常好用,而且也已经相当成熟,但由于国内网络原因,导致访问速度很慢,还经常被墙,于是动手将其同步托管到gitcafe上,这样既可以解决国内访问慢的问题,同时也算在github上做了个备份。以下说明是建立在已经在github上搭建过基于hexo的博客,如果还没有在github上搭建或者想直接将博客托管在gitcafe上的也可以参考。
gitcafe邀请注册地址:gitcafe
首先必须注意git全局变量中的user.name与user.email在两个网站的注册信息中必须都是一样的。使用以下代码设置。
1
2
git
config --global user.name 'blueyi'
git config --global user.email
'[email protected]'
参考gitcafe官网说明创建一个用户名相同的项目并初始化,本地目录任意,链接在这里
进入你的hexo博客目录下面的’.deploy’目录,创建gitcafe-pages分支,并切换到该分支
1
git
checkout -b gitcafe-pages
添加到gitcafe的远程仓库
1
git remote add
origin '[email protected]:yourname/yourname.git'
push到gitcafe仓库(以后使用hexo
g生成之后到.deploy目录执行即可)
1
git push -u origin
gitcafe-pages
完成,下面根据官方以下说明绑定域名即可
如果你想绑定 www 子域名, 你需要将此 www
子域名添加到自定义域名里, 然后在你的域名管理页面增加一条 A 记录, 将它指向 GitCafe 服务器的 IP 地址
117.79.146.98
想以后直接使用hexo
d就可以直接提交到gitcafe请修改_config.yml
1
2
3
4
deploy:
type:
github
repository: [email protected]:yourname/yourname.git
branch:
gitcafe-pages
想同时同步到github请执行以下命令(注意这里的git操作需要在.deploy目录)
首先切换git工作分支为master
1
git
checkout master
然后就直接像之前使用hexo一样即可,’hexo
d’可以直接提交到github。
如果再想提交到gitcafe直接再切换回gitcafe-pages分支即可。可以使用以下命令查看当前工作分支。
1
git
branch
如果觉得每次提交需要输入这么多命令,可以写个复合命令别名添加到.bashrc文件然后在你的博客目录执行
1
alias
upblog='cd .deploy/ && git checkout gitcafe-pages && git push -u
origin gitcafe-pages && git checkout master && cd .. &&
hexo d' 收起
7、怎么用github搭建个人博客
GitHub 是一个用于使用Git版本控制系统的项目的基于互联网的存取服务,GitHub于2008年2月运行。在2010年6月,GitHub宣布它现在已经提供可1百万项目,可以说非常强大。
Github虽然是一个代码仓库,但是Github还免费为大家提供一个免费开源Github Pages空间,利用这个空间可以搭建轻量级的博客系统,绑定自己的域名,存放一些图片和文件等等。
于是我这几天都在研究怎么用Github Pages搭建一个个人博客,可惜由于对代码和git命令不熟悉,磕磕碰碰,在网上搜索Github Pages免费空间使用教程,比较少,而且不全面,或者说不适合像我这样从未接触过Github的人,有几次的按照网上的教程来做都失败了,主要是好步骤不知道如何操作。
中途也想到过放弃Github Pages,因为这样一个“如此麻烦”的空间即使搞定估计用途也不大。最后终于在大牛的指导和自己的摸索下建成了。并且Github是老牌开源的空间——稳定、不会随便删除用户数据,且没有外链流量限制。所以也是独一无二的了,就是操作麻烦点,新手不建议用。
一、申请Github Pages账号和创建项目
1、打开空间地址:https://github.com/,点击“sign UP”注册一个账号。
2、登录后,点击右上角新建一个项目,如下图:
3、创建完成后,会给出来该项目的代码。这里暂时不用管。
二、本地连接和管理Git项目
1、首先下载Git工具,这里为大家提供一个安装包RailsInstaller,里面已经包括了Rails 3.0.3 、Ruby 1.8.7、SQLite 3.7.3 、Git 1.7.3.1 、DevKit,这些工具都是你深入学习git所必备的。
2、在RailsInstaller中运行git bash,然后依次执行下列命令,配置你的git,代码如下:
git config --global user.name "用户名"
git config --global user.email "邮箱"
git config --global credential.helper cache
git config --global credential.helper 'cache --timeout=3600'
3、执行代码效果如下图:
4、创建一个SSH Keys,输入下列语句,看看本地有没有ssh keys。
cd ~/.ssh
5、显示如下图表示没有。
6、接下来创建SSH Keys,执行下列代码。
ssh-keygen -t rsa -C "邮箱"
7、然后会要你选择保存的位置,直接回车即可,如下图:
8、接下来还要输入密码,如下图:
9、完成后,你就可以在你刚才保存的文件路径中看到一个id_rsa.pub文件了,公钥就在这里。
三、添加SSH Keys成功连接Github
1、用记事本打开id_rsa.pub,复制里面的东西,粘贴到Github项目的SSH Keys中,如下图
2、输入以下代码,测试是否可以成功连接。
ssh -T [email protected]
3、第一次连接还要输入Yes,确认一下,如下图
4、最后出现如下提示就表示连接成功了。
四、Github Pages搭建个人博客空间
1、在Github创建一个个人空间,有两种方法,一种纯代码手工创建。这里要涉及的专业知识就比较多了,有兴趣的朋友可以深入研究一下。如下图:
2、第二次方法就是,利用Github Pages自动生成网站页面。选择右上角的account setting(账户设置)后选择repositories(信息库),在右侧选择你的应用,然后选择setting(设置)如下图:
3、选择中间的“自动生成页面”,如下图:
4、接下来选择页面模板,如下图:
5、完成后,10分钟后就自动生成个人主页了。
8、如何在github上搭建自己的博客
一、为什么在GitHub上托管个人博客
为什么在GitHub上托管博客,这个问题可以分两步来问:
首先,为什么 可以 在GitHub上托管博客看
GitHub是一个基于git的版本托管服务网站,上面聚集着几乎全世界的程序大牛,还有着大量的牛逼开源项目。而项目一旦成长壮大,一个简单的名称和一段描述很可能就无法满足作者与读者的需要。此时,GitHub Pages 就应运而生,它允许用户用更具描述性的自定义页面代替源码列表。同时,用户也可以利用其作为个人或组织主页,将 静态 网页托管其上。
那么,在有着WordPress等等大量的开源博客系统的情况下,为什么选择在GitHub上托管博客呢看
对程序猿来说无比亲切,光是看起来感觉就很牛逼的"Git驱动式博客开发与发布流程"。
超级容易,5分钟包学包会的发布方式。
静态页面,建立简单,几乎没有安全性隐患,当然这也是缺点之一,静态页面无法做到太过复杂的交互设计和网站结构。不过作为一个简单的个人博客,也不太会有这样的需求
而可靠
更加详细的内容可以参见这里 todo: Jekyll + GitHub Pages 的优点与缺点
话不多说,现在就来试试看。
<p id="002"></p>
二、10分钟快速搭建一个博客原型
首先确认:
拥有一个GitHub账号
已经安装 Git ,(在Windows下,个人推荐直接安装 GitExtensions ,有中文界面,并且集成了git + putty + kDiff ,比较省心一点啦)
1.建立一个项目
先在GitHub创建一个项目,名字随意,尽量全部小写字母,避免随后会碰到的URL冲突问题
本地运行Git,随意选个目录,将刚才创建的项目clone下来
<!-- lang: bash -->
cd /d/
git clone
cd blogdemo
<br/>
<br/>
2.建立配置文件_config.yml
注意:之后建立的所有文档务必使用UTF-8 无 BOM 的编码保存
在项目的根目录下新建文件 _config.yml ,填写 baseurl: /blogdemo , blogdemo是你的项目名称,这一行内容规定了整个网站的根路径,稍后会详细解释这样做的意义。
<br/>
<br/>
3.建立主页
在根目录下新建文件 index.html , 内容像这样:
<!-- lang: html -->
---
title: Hello, My Blog
---
{{ page.title }}
先不用急着奇怪为什么一个html文件会出现"{}"这样的标签,这里使用的是 Liquid 模板语言 ,{{ page.title }} 表示逗本页面的标题地,更详细的介绍我们以后再讲,不妨这样理解:
<!-- lang: python -->
#--- begin of page's head
title = "Hello, My Blog"
#--- end of page's head
print(page.title)
OK,那么博客主页设计完毕!(别吵...我答应过你要10分钟内搭建完成的...先弄个毛胚房意思意思,美化啊功能啊什么的晚点再说)
<br/>
<br/>
4.发布到GitHub
回到git bash, 检查一下 git status ,确认 _config.yml 与 index.html 无误后 add,commit,保持使用Git的良好习惯,记得添加提交描述
然后推送到GitHub,这里注意,因为我们使用的是GitHub Pages中的 Project Pages, GitHub仅会将分支 gh-pages 下的内容进行自动生成操作, 所以本地的 master 分支应推送到远端的 gh-pages 分支
<!-- lang: bash -->
git push origin master:gh-pages
稍微等待一下,最多10分钟(通常不用那么久啦),访问 yourname.github.com/blogdemo
,(其中 yourname
是你的GitHub帐户名,blogdemo则是你的项目名)就会看见你的博客主页(确实很丑...而且完全不像一个博客的样子,不过别急,慢慢来比较
快~)
另外,如果不幸发现你的中文页面出现了乱码的情况,别着急,还是该死的UTF-8问题,后面我们会一劳永逸的解决他的,暂时先手动调整一下浏览器的编码。
<br/>
<br/>
5.在_posts内撰写文章,并在首页加入文章列表
在这段时间里,我们继续为你的博客添砖加瓦,让他拥有最基本的文章阅读功能,另外不断F5页面的同时也可以关注一下自己在GitHub注册时所用的邮箱,如果之前推送的内容有误的话,GitHub将以邮件形式提醒你生成失败。
回到项目根目录, mkdir _posts 新建一个目录,看名字也知道啦,这里存放你所有的文章。
进入_posts目录,新建一篇文章。注意默认的文件名格式是 year-month-day-postTitle 这样。比如 2013-03-23-my_first_article.md,尽量避免空格或者其他乱七八糟的字符,这个文件名将作为URL的生成依据。文件名的格式可以通过修改 _config.yml 中的 permalink 属性而改变,默认值为 date ,也就是我们刚刚创建的文件的样子,具体的规则可以看这里,后面我们也会讲到。
如果你发现了我刚才创建的文件后缀名是 .md ,熟悉GitHub或者StackOverFlow的朋友应该知道Markdown 格式,推荐使用GitHub托管博客的原因之一也正是如此,我们可以在大部分时候避开恼人的HTML,转而使用更加直观的Markdown语法。如果不熟悉也没关系,可以参见这份Markdown 语法说明,应该说是相当易学,并且在熟悉之后非常易用的。
回到主题,打开刚才创建的文件,输入如下内容:
<!-- lang: html -->
---
title: 我的第一篇文章
---
# {{ page.title }}
## 目录
+ [第一部分](#partI)
+ [第二部分](#partII)
+ [第三部分](#partIII)
----------------------------------
## 第一部分 <p id="partI"></p>
这里是第一部分的内容
----------------------------------
## 第二部分 <p id="partII"></p>
这里是第二部分的内容
----------------------------------
## 第三部分 <p id="partIII"></p>
这里是第三部分的内容
{{ page.date|date_to_string }}
这段内容中使用了最常用的几种Markdown语法,比如使用 # ,## 表示 HTML 中的 <h1></h1> , <h2></h2>。使用[text](link)创建超链接,使用 连续多个 - 创建水平线(注意:不包括最上端包围title所使用的横线,那里表示一个页面的逗头属性地),等等。更多详细的语法可以在之前提到的页面查询,这里不再赘述,总之,这是一种更加贴近真实写作的语法,推荐大家尝试。
啊对了,最后面的那个 {{ page.date|date_to_string }} 是指显示本页的日期属性,并且转换为可读的字符串形式。同样也是Liquid语法。
OK,那么第一篇文章也写好了,再把最新的repo推送到github,稍等片刻,就可以...等下,忘记给文章加上入口的链接了。
Sorry啦,重新打开我们的 index.html 文件,添加内容,变成下面这样:
<!-- lang: html -->
---
title: My Blog
---
{{ page.title }}
{% for post in site.posts %}
{{ post.date|date_to_string }} <a href='{{ site.baseurl }}{{ post.url }}'>{{ post.title }}</a>
{% endfor %}
唔...都是Liquid的内容,简单解释一下,Liquid标记最主要分为两种,一种是直接输出变量内容,像这样:
{{ page.title }}
另一种则是逻辑命令形式的,像这样:
{% for x in y %} ... {% endfor %}
而刚才写进主页的内容,就是遍历所有post文件,然后逐一显示在页面上,这里需要注意的一点就是在创建文章的超链接时,除了 post.url 之外,也要注意在前面加上site.url
,原因前面也有提到过,我们正在创建的是 Project Pages
类型的网站,其最终生成的网址根目录是:username.github.com/projectname,而 post.url
生成的超链接仅仅会自动加上 username.github.com/ 这样的前缀。
现在检查一下更改的所有内容,确认不要犯下愚蠢的错误,比如把 "." 打成 "。"或者单词拼错之类的,提交并推送!
当当!如果一切顺利,就能看到你的首页外加文章列表闪亮登场。
<br/>
<br/>
6.增加模板套装_layouts
文章进行到这里,或许开头承诺的10分钟已经超过不少了...很抱歉我欺骗了你,不过至少我们进展很快~接下来——如果你仍有兴趣的话,让我们为网站增加一些统一性的风格设置。
回到项目根目录,新建文件夹 _layouts,顾名思义,逗布局地是也。在 _layouts 中新建一个最基本的布局文件,姑且命名为default.html好了:
<!-- lang: html -->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>{{ page.title }}</title>
</head>
<body>
{{ content }}
</body>
</html>
诺,首先解决了UTF-8的编码问题,随后指定了正文内容的位置,当然在这里只是一个最简单的内容,在body内仅有一个 {{ content }} 标签,你可以根据自己的喜好对页面进行任何改动,只要记得保留这个内容标签在你想要的位置就好。
然后我们修改index.html和刚写完的那篇文章,只要在头属性上加一句就好:
<!-- lang: html -->
---
title: xxoo
layout: default.html
---
我们当然还可以把这个结构变得更灵活一些,比如继续新增两个模板分别叫做l_post.html与
l_index.html,他们首先引用default.html,但在其基础上做出一定的修改。然后首页使用l_index模板,而所有的post文件
则使用l_post模板,等等等等,请随意发挥。但始终记得加上 {{ content }} 标签
再次推送到服务端,查看效果。
至少这一点我没骗你,要发布最新的更改实在是太简单了,只需要一次push而已。
那么,基本的项目结构如下:
.
|-- _config.yml
|-- _includes
|-- _layouts
| |-- default.html
| `-- post.html
|-- _posts
| |-- 2007-10-29-why-every-programmer-should-play-nethack.textile
| `-- 2009-04-26-barcamp-boston-4-rounp.textile
|-- _site
`-- index.html
这幅图来自于:Yes We Jekyll,原谅我的懒惰,我实在不擅长排版...
9、hexo每一次写完博客怎么使用git更新
我是把hexo的source文件放在了master branch上,也用git来管理,这样不管怎么换电脑都可以很方便的写博客了。
10、如何备份 Github 博客至 GitCafe
github虽然非常好用,而且也已经相当成熟,但由于国内网络原因,导致访问速度很慢,还经常被墙,于是动手将其同步托管到gitcafe上,这样既可以解决国内访问慢的问题,同时也算在github上做了个备份。以下说明是建立在已经在github上搭建过基于hexo的博客,如果还没有在github上搭建或者想直接将博客托管在gitcafe上的也可以参考。关于如何github上搭建,请参考这里。
gitcafe邀请注册地址:gitcafe
首先必须注意git全局变量中的user.name与user.email在两个网站的注册信息中必须都是一样的。使用以下代码设置。
git config --global user.name 'blueyi'
git config --global user.email '[email protected]'
参考gitcafe官网说明创建一个用户名相同的项目并初始化,本地目录任意,链接在这里
进入你的hexo博客目录下面的’.deploy’目录,创建gitcafe-pages分支,并切换到该分支
git checkout -b gitcafe-pages
添加到gitcafe的远程仓库
git remote add origin '[email protected]:yourname/yourname.git'
push到gitcafe仓库(以后使用hexo g生成之后到.deploy目录执行即可)
git push -u origin gitcafe-pages
完成,下面根据官方以下说明绑定域名即可
如果你想绑定 www 子域名, 你需要将此 www 子域名添加到自定义域名里, 然后在你的域名管理页面增加一条 A 记录, 将它指向 GitCafe 服务器的 IP 地址 117.79.146.98
想以后直接使用hexo d就可以直接提交到gitcafe请修改_config.yml
deploy:
type: github
repository: [email protected]:yourname/yourname.git
branch: gitcafe-pages
想同时同步到github请执行以下命令(注意这里的git操作需要在.deploy目录)
首先切换git工作分支为master
git checkout master
然后就直接像之前使用hexo一样即可,’hexo d’可以直接提交到github。
如果再想提交到gitcafe直接再切换回gitcafe-pages分支即可。可以使用以下命令查看当前工作分支。
git branch
如果觉得每次提交需要输入这么多命令,可以写个复合命令别名添加到.bashrc文件然后在你的博客目录执行
alias upblog='cd .deploy/ && git checkout gitcafe-pages && git push -u origin gitcafe-pages && git checkout master && cd .. && hexo d'