无本博客（无本博客公众号矩阵20）

今天给各位分享无本博客的知识，其中也会对无本博客公众号矩阵20进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

如何在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-roundup.textile

|-- _site

`-- index.html

这幅图来自于：Yes We Jekyll，原谅我的懒惰，我实在不擅长排版...

谁知道哪个网站能申请的免费的空间，谢谢

一般免费的都不好用。而且申请起来比较繁琐。既然你需要就向你推荐几个，自己去试试吧！！

1.坛海科技提供15M/ASP/FTP免费空间

注册后自行购买

支持中文

Access

不限文件大小

无限流量

IIS限10

控制面板

可以要求代装DVBBS

详情见：

2.站长盟免费40M，50M.60M asp空间

长期免费提供。决不收取任何费用

申请地址 :是盟盟中这

3. 无知网络50M免费静态空间和20M/WEB免费ASP空间

无知网络提供50M免费静态空间和20M免费ASP空间申请，即时申请开通，送 *** ，速度很不错，支持WEB上传管理和 *** 备份，还提供免费记数器和免费留言本

50M免费静态空间申请 :

20M免费ASP空间申请 :

4.天禧网100M/FTP免费ASP空间

天禧免费动态空间：

⊙100MB-动态Web空间

⊙支持FTP文件上传

⊙适合小型商务型网站

⊙支持小型论坛、薄言薄

⊙Windows2000/SERVER

⊙清新界面无 ***

⊙最大2MK文件上传

⊙可申请动态PHP、CGI支持

⊙不得存放聊天室、江湖

⊙不得经营 *** 类商务

⊙每月超大5G流量

⊙PIII 1.13G/512M

⊙100M 共享带宽

申请 :

5.捷径航空旅游网50M/ASP/WEB免费空间

捷径航空航空网提供50M免费ASP空间，无 *** ，支持FTP上传管理,适合网页爱好者及个人网站使用

申请 :

6.

7.中通互联100M免费ASP空间

免费空间开通以来，注册迅速提升，为了更好的打造中国方舟－－－最大的免费个人主页基地的良好品牌，也为了更好的维护免费空间用户的权益，本站将对免费空间进行整理工作。

对以下注册用户将处以删除空间的处理：

1 注册后一周内没有更新主页者。

2 申请的免费空间内存放在 *** ，政治，暴力方面的网页或图片文字内容的。

3 申请免费空间上传有恶意代码或木马者。

在未有新的规定之前，方舟网免费空间注册用户的免费空间将永久免费，每天注册量不限。欢迎大家申请.

申请 :

用户为什么放弃了博客？

随着社会的进步，博客现在很多人都不玩了，因为现在很多人都开始玩起了微博，贴吧一类的东西，久而久之就把博客一类的东西丢掉了。随着现代社会的进步，软件也在更新发展的比较快，博客已经逐渐跟不上时代潮流，慢慢的也会让其他的东西代替，所以我们没必要太较真儿，不管是博客还是其他东西？我们都应该学会走到世界的最前端。和合适自己的才是更好度的。不管博客存在还不存在我们都应该跟的上时代潮流，都应该。过最美好的生活，而不是让生活倒退的度过，那样就没有意思了。至少博客存在过，我们都认识这个名词的存在，所以没必要较真儿，没必要。太在乎这个问题存在到底有什么必要。

什么是博客

什么是博客

“博客”一词是从英文单词Blog翻译而来。Blog是Weblog的简称，而Weblog则是由Web和Log两个英文单词组合而成。Weblog就是在网络上发布和阅读的流水记录，通常称为“网络日志”，简称为“网志”。博客（BLOGGER）概念解释为网络出版（Web Publishing）、发表和张贴（Post-这个字当名词用时就是指张贴的文章）文章，是个急速成长的网络活动，现在甚至出现了一个用来指称这种网络出版和发表文章的专有名词——Weblog，或Blog。

Blogger即指撰写Blog的人。Blogger在很多时候也被翻译成为“博客”一词，而撰写Blog这种行为，有时候也被翻译成“博客”。因而，中文“博客”一词，既可作为名词，分别指代两种意思Blog（网志）和Blogger（撰写网志的人），也可作为动词，意思为撰写网志这种行为，只是在不同的场合分别表示不同的意思罢了。

Blog是一个网页，通常由简短且经常更新的帖子（Post，作为动词，表示张贴的意思，作为名字，指张贴的文章）构成，这些帖子一般是按照年份和日期倒序排列的。而作为Blog的内容，它可以是你纯粹个人的想法和心得，包括你对时事新闻、国家大事的个人看法，或者你对一日三餐、服饰打扮的精心料理等，也可以是在基于某一主题的情况下或是在某一共同领域内由一群人集体创作的内容。它并不等同于“网络日记”。作为网络日记是带有很明显的私人性质的，而Blog则是私人性和公共性的有效结合，它绝不仅仅是纯粹个人思想的表达和日常琐事的记录，它所提供的内容可以用来进行交流和为他人提供帮助，是可以包容整个互联网的，具有极高的共享精神和价值。一个Blog就是一个网页，它通常是由简短且经常更新的Post所构成；这些张贴的文章都按照年份和日期排列。Blog的内容和目的有很大的不同，从对其他网站的超级链接和评论，有关公司、个人、构想的新闻到日记、照片、诗歌、散文，甚至科幻小说的发表或张贴都有。许多Blogs是个人心中所想之事情的发表，其他Blogs则是一群人基于某个特定主题或共同利益领域的集体创作。Blog好象是对网络传达的实时讯息。撰写这些Weblog或Blog的人就叫做Blogger或Blog writer。

简言之，Blog就是以网络作为载体，简易迅速便捷地发布自己的心得，及时有效轻松地与他人进行交流，再集丰富多彩的个性化展示于一体的综合性平台。

不同的博客可能使用不同的编码，所以相互之间也不一定兼容。例如，百度空间使用的是GB2312编码，新浪博客使用的是UTF-8编码。而且，目前很多博客都提供丰富多彩的模板等功能，这使得不同的博客各具特色。

无本博客的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于无本博客公众号矩阵20、无本博客的信息别忘了在本站进行查找喔。