[Html-Css] 基于Hexo和Github搭建博客 | IT知识库
-& 正文阅读
[Html-Css]基于Hexo和Github搭建博客
基于Hexo和Github搭建博客
搭建自己的个人博客。准备工作确保电脑需要已下载安装node和npm。查看安装是否成功，windows只需在命令行输入以下两条命令即可。12$ node -v$ npm -v安装hexo 安装hexo1$ npm install -g hexo检测hexo版本来确保hexo是否成功安装1$ hexo v
注：可能报错，可以试试执行1npm install hexo --no-optional进入本地工程目录，初始化hexo12$ cd blog$ hexo initnpm安装package.json中的依赖包1$ npm install生成博客文件1$ hexo g启动本地博客1$ hexo s
此时在浏览器输入http://localhost:4000即可访问默认主题的hexo博客
查看hexo帮助1$ hexo help修改全局配置文件对本地blog目录下的_congig.yml进行修改配置即可。网站
title 网站标题
subtitle 网站副标题
description 网站描述
author 您的名字
language 网站使用的语言
timezone 网站时区。Hexo 默认使用您电脑的时区。时区列表。比如说：America/New_York,Japan, 和&UTC&。
参数描述默认值
url 网址 &
root 网站根目录 &
permalink 文章的&永久链接&格式 :year/:month/:day/:title/
permalink_default 永久链接中各部分的默认值
参数描述默认值
source_dir 资源文件夹，这个文件夹用来存放内容。 source
public_dir 公共文件夹，这个文件夹用于存放生成的站点文件。 public
tag_dir 标签文件夹 tags
archive_dir 归档文件夹 archives
category_dir 分类文件夹 categories
code_dir Include code 文件夹 `downloads/code
i18n_dir 国际化（i18n）文件夹 :lang
skip_render 跳过指定文件的渲染，您可使用&glob 表达式来匹配路径。
参数描述默认值
new_post_name 新文章的文件名称 :title.md
default_layout 预设布局 post
auto_spacing 在中文和英文之间加入空格 false
titlecase 把标题转换为 title case false
external_link 在新标签中打开链接 true
filename_case 把文件名称转换为 (1) 小写或 (2) 大写 0
render_drafts 显示草稿 false
post_asset_folder 启动&Asset 文件夹 false
relative_link 把链接改为与根目录的相对位址 false
future 显示未来的文章 true
highlight 代码块的设置
分类 & 标签
参数描述默认值
default_category 默认分类 uncategorized
category_map 分类别名 &
tag_map 标签别名
日期 / 时间格式Hexo 使用&Moment.js&来解析和显示时间。参数描述默认值
date_format 日期格式 MMM D YYYY
time_format 时间格式 H:mm:ss
参数描述默认值
per_page 每页显示的文章量 (0 = 关闭分页功能) 10
pagination_dir 分页目录 page
theme 当前主题名称。值为false时禁用主题
deploy 部署部分的设置
配置github 新建仓库
登录github，点击右上角加号，点击new respository
在跳转界面填写信息
生成测试页面进入新建的仓库，点击右上角的settings，在跳转页面点击 launch automatic page generator，在跳转页面点击continue to layouts，接着选择主题，生成页面，约15min后，访问https://syd1992.github.io，即可显示生成测试页面
创建ssh keys
检测ssh keys是否已存在，即id_rsa，id_resa.pub是否存在1$ ls -al ~/.ssh
生成ssh keys（若ssh keys不存在）1$ ssh-keygen -t rsa -C ""输入命令后，会提示输入ssh keys保存位置，一般无需改，直接回车即可；接着提示输入密码，并确认再次输入密码，这个密码后面会有使用，一定要记住！查看生成的ssh keys中的公钥1$ cat ~/.ssh/id_rsa.pub
给github仓库添加ssh keys
点击创建的仓库右上侧的settings，在跳转页面左下侧点击deploy keys
在跳转页面点击add deploy keys，title随意填，在key部分将创建ssh keys步骤中的id_rsa.pub内容粘贴在该部分
测试连接执行命令，输入命令后，问yes/no，输入yes即可，提示输入密码，则输入生成ssh keys时设置的密码1$ ssh -T 最后提示如下内容，表示成功1Hi, 用户名/用户名.github.io! You've successfully authenticated, but GitHub does notprovide shell access.配置根目录下的_config.yml文件并发布
安装hexo-deployer-git1$ npm install hexo-deployer-git --save修改_config.yml的deploy内容，如下图
生成博客文件，每次修改本地文件后，都要执行该命令1$ hexo g发布1$ hexo d此时，访问https://syd192.github.io.git即可看到自己的辛勤劳动成果咯！！切换主题默认主题是landscape，如果不太喜欢，可以访问这里获取更多的主题。本人选择主题是TKL，具体切换方法如下：下载TKL主题1$ git clone /SuperKieran/TKL.git theme/TKL配置根目录下的_config.yml文件
然后，hexo g，再hexo d，即可正常访问。注：图片url填写，图片文件夹img应放在source文件目录下，url直接写为/img/图片.png即可。写一篇博客
新建博客1$ hexo new "newBlog"在根目录下source文件夹下找到对应的newBlog.md文件，按照markdown规则，编写博客。在该newBlog.md文件的头部，可以对该博客进行配置，如博客标题title，博客创建时间date，所属分类categories，标签tags然后，hexo g，再hexo d，即可正常访问。最后来张成果图，继续加油咯~~~~
史上最详细的Hexo博客搭建图文教程 使用hexo搭建github.io博客(一) 基于 Hexo 和 GitHub Pages 搭建博客
加: 03:03:16&
更: 03:03:28&
&&网站联系: qq: email:&Hexo免费静态博客安装和使用方法
作者：佚名
字体：[ ] 来源：互联网 时间：02-04 08:35:23
Hexo生成的静态网站可以放在任意空间上，例如常见的PHP、ASP空间、FTP服务器、百度BAE、新浪SAE等空间，可以说只要可以用Web访问的就可以搭建起Hexo博客，今天小编就和大家分享一下Hexo免费静态博客安装和使用方法
在写Github空间在线写文章时，就发现有朋友正在折腾Hexo免费静态博客程序，Hexo基于Node.js，出自台湾一博主，Hexo生成的静态网站可以放在任意空间上，例如常见的PHP、ASP空间、FTP服务器、百度BAE、新浪SAE等空间，可以说只要可以用Web访问的就可以搭建起Hexo博客。
据作者所称，Hexo与之前的Octopress静态博客程序相比，生成静态博客的效率更高，不过在部落看来，Hexo静态博客生成环境搭建比起Octopress要简单一些，只要安装了Git和Node.js，我们就可以在Windows电脑上快速地用Hexo来写作，Hexo同样支持评论、分类、标签、图片等。
本篇文章就来介绍一下Hexo静态博客环境的搭建和Hexo博客的发布方法。
延伸阅读：静态博客程序使用入门基于各种语言的静态博客程序大总结
Hexo免费静态博客安装和使用方法-基于Node.js高效率静态博客程序
一、Hexo静态博客相关的准备工作
1、必选一：下载并安装好msysGit工具。
2、必选二：下载并安装好Node.js软件。（32位）
3、可选一：相关的FTP软件、Winscp上传工具等等。
4、可选二：下载并安装好TortoiseGit工具。
5、注意：可选的软件安装取决于你要将Hexo发布在哪些空间上，有些空间可以直接用FTP上传即可，有些如Github可以用Git上传，而BAE、SAE等云空间可以用TortoiseGit上传。
二、Hexo静态博客安装与使用教程
1、安装好了msysGit和Node.js软件后，打开Git Bash，执行以下命令开始安装：npm install -g hexo
2、经过部落测试发现直接用npm安装话经常出现卡住而导致无法正常安装，解决办法就是修改npm的安装源，以下三种方法任选一个即可（正常的朋友不用执行这一步）。
1.通过config命令: npm config set registry pmjs.org
npm info underscore （如果上面配置正确这个命令会有字符串response）
2.命令行指定 npm --registry pmjs.org info underscore
3.编辑 ~/.npmrc 加入下面内容 registry = pmjs.org
3、安装成功后，执行以下代码指定Hexo到文件目录中：hexo init &folder&，或者用CD的方法进入到指定的目录，再执行：hexo init
4、接着执行以下命令生成静态页面至public目录：hexo generate
5、这时候在目录下就可以看到相应的文件了。
6、如果你想本地预览一下Hexo博客，可以执行：hexo server，接着打开http://localhost:4000就可以看到效果了。
三、Hexo静态博客写文章、安装主题、添加评论功能
1、用Hexo来发表新文章，执行：hexo new &my new post&，其中my new post为文章标题。
2、执行命令后，会在项目\source\_posts中生成my new post.md文件，用编辑器打开，开始写博客就行了。
3、怎么写博客？你要用到Markdown语法，还没有接触过Markdown语言的朋友，可以看一下快速入门：/markdown/
4、Hexo静态博客想要安装主题也容易，在Github上找到你喜欢的主题，然后执行类似命令：git clone /heroicyang/hexo-theme-modernist.git themes/modernist
5、这时就将modernist主题下载下来了，打开hexo\_config.yml，修改主题为modernist：theme: modernist
6、如果你要对整站进行设置，相关的选项说明如下：
# Hexo Configuration # Site title: 免费资源部落标题 subtitle: 次标题 description: 描述 author: 作者 email: 邮箱 language: zh-CN # URL url:
#域名 root: / permalink: :year/:month/:day/:title/ #URL结构 tag_dir: tags #标签 archive_dir: archives #汇总 category_dir: categories #分类 code_dir: downloads/code # Writing new_post_name: :title.md # 新的文章名 default_layout: post #New的默认 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: true tab_replace: # Category & Tag #分类与标签 default_category: uncategorized category_map: tag_map: # Archives ## 2: Enable pagination #激活分页 ## 1: Disable pagination #禁止分页 ## 0: Fully Disable #全部禁止 archive: 1 category: 1 tag: 1 # Server port: 4000 #预览端口 logger: false logger_format: # Date / Time format #时间格式 date_format: MMM D YYYY time_format: H:mm:ss # Pagination #分页数 per_page: 10 pagination_dir: page # Disqus #Disqus评论 disqus_shortname: freehao123 # Extensions theme: modernist #主题 exclude_generator: # Deployment #上传 deploy: type: github #方式 repository: :freehao123/ifreehao123.github.io.git branch: master
7、Hexo中的modernist主题已经支持直接添加第三方评论代码，打开themes\modernist\layout\_partial\comment.ejs，将你的第三方评论代码添加进去即可。
&% if (config.disqus_shortname && ments){ %&&section id=&comment&&#评论代码&% } %&
四、Hexo静态博客发布到Github免费空间上
1、如果你之前有玩过：用Octopress免费静态博客系统在Github免费空间上搭建个人网站，那么肯定想把Hexo静态博客发布到Github空间上。
延伸阅读：用静态博客系统Octopress在Github上搭建个人网站
2、首先我们需要到Github空间上新建一个项目名，名称要以freehao123.github.io这样的形式，然后我们需要添加S-S-H Key到Github项目上了。
3、关于密钥生成，我们可以直接使用Puttygen。
4、将用Puttygen生成的密钥复制到Github空间上。
5、接着在Puttygen中导出密钥。
6、然后再用Git连接上Github空间上，接着你就可以执行推送到服务器了：hexo generate和hexo deploy
五、Hexo静态博客发布到免费云空间上
1、免费云空间，国内常见的就是百度SAE、新浪SAE、阿里云ACE，国外的的免费云空间就非常地多了，比如Heroku、sourceforge空间、GAE等等，这些云空间都可以长期使用的，搭建个人博客是没有问题的。
2、这些免费云空间一般会支持TortoiseGit来上传，不想用Git工具的朋友，可以选择更为简单的TortoiseGit，首先是在TortoiseGit中检查Git安装，Git没有安装的，TortoiseGit不能正确运行。
3、然后在本地新建一个文件夹，作为TortoiseGit同步的目录。
4、接着克隆云空间上的项目文件。
5、最后你就可以将Hexo生成的静态博客文件用TortoiseGit上传到云空间上了。
六、Hexo免费静态博客使用小结
1、Hexo免费静态博客难点有两个，一是npm的安装，另一个是静态的设置与书写。至于如果来上传Hexo生成的静态博客，假如你实在不想用什么Git这类复杂的工具，完全可以用FTP软件将Public中文件上传到Web服务器上。
2、Hexo静态博客不一定要发布在Github空间，可以说只要支持Web访问的空间都可以存放Hexo静态博客，有些人嫌PHP空间跑PHP太耗费资源，干脆就将Hexo免费静态博客放在PHP等动态空间上，这样的静态页面应付大流量是没有问题的。
大家感兴趣的内容
12345678910
最近更新的内容FarBox、Jekyll、Octopress、ghost、marboo、Hexo、Medium、Logdown、prose.io，这些博客程序有什么特点？
在各方面，它们有什么优点与缺点？希望有全面、详尽、尽量中立的评测对比。
如此详尽的答案，以及`不舍昼夜设计及编码`做的FarBox模板。我是相关者，自己也是FarBox的脑残粉，答案应该不会太中立。 但里面有些信息，应该是相对客观的。 我们经常能看到一些关于FarBox的介绍/推荐，但也常因为市面上存在着的类似产品，会让大家产生惯性认知，于是会给FarBox打上一些常见的标签。坦率地说，这些标签多数并不太正确。初心创作FarBox时，主要解决两个问题：用博客记录生活的时候，希望回归于纯粹的写作。旅行归来，把照片放到电脑里，无需上传，大家就能在我的个人网站里看到。另外，我们则致力于创作一些简洁的产品，来改善少数人的互联网生活。于是，这样，就开始了FarBox之旅。致力于简洁, 应该很多事情都会变得简单与轻松吧。 但开发FarBox的基础引擎，消耗了我们一年半多的时间。为什么选择个人的云端存储个人的云端存储，典型的如Dropbox，已经成为一种多数人使用的服务了。如果通过云端，进行数据的传输，那么带来的两个最大的好处：任何时候、任何设备，只要保存、编辑、删除文件，就能操作你在FarBox上的数据；你的数据永远有一个备份。所以，这个选择是不言而喻的。虽然，我们接入Dropbox的API，表面上看也是Dropbox上的一个文件夹变成了网站。每每有人赞叹道Dropbox好厉害呀，我们的心情其实很复杂…… Dropbox提供的只是基础API，就是数据同步；而剩下的大量工作，都是FarBox完成的。如果赞叹下FarBox，我们就开心了。:)关于静态博客首先，FarBox不是静态博客，其实没有可比性；但经常被拿来与静态博客对比，所以，我们就谈谈静态博客。选择静态博客的唯一原因唯一的原因就是酷了，不论Jekyll（像黑客一样写作）, Octopress（Jekyll的再开发）, Hexo（Node.js写的，编译速度比前两者快），本质上都是一致的。但是，真正酷的事情，不是从这些工具中选择一个，而是自己创建一个！写一个静态博客生成器，并没有多大的难度，重点是能体现自己对代码的品位。除此之外，我们并不推荐去使用静态博客，它远比你想象中要不方便。FarBox的同类产品Site44、DropPages都是基于Dropbox的静态网站托管，并且都已经停止更新了。本想一笔带过，毕竟静态托管，只是FarBox特性当中的一小部分。但还是要介绍下团队的两名成员，一个是Todd Proebsting，大学老师，教计算机科学的；另外一名是Steve Marx, 曾经在微软工作（Windows Azure首席构架师）， 2013年6月加入了Dropbox（Site44在这之前创办的）。scriptogr.am/两者很类似，相当于将静态博客与Dropbox结合起来了。是基于开源的静态博客引擎Pelican，所以，到现在，它还在持续（偶尔）更新中。FarBox在最开始的时候，有寻找过类似的框架，如果可用，就可以节省大量的开发时间；所以有研究过Pelican，但并不合适，不论是设计思想、性能、扩展性，跟我们自己想象当中的偏差比较大，只能重写一个。scriptogr.am是一个知名度比较高的Dropbox博客平台。但它已经停止更新了。在停止更新之前，曾有一个新版要呼之欲出的……scriptogr.am团队表面上有5个成员，但是，关注下创始人，就明白这一切了：Andreas Pihlstr?m于2013年6月（呃，怎么又是这个月份）跑去Pinterest当产品设计师了。发生了什么？我们能隐约感受到里面的苦楚。前几年也和几个斯坦福的PhD做一个产品，然后就挂了。团队的能力没有出现瓶颈之前，团队就出现了问题；常常是如此。我们有时候会想，如果不是花这么多时间去雕琢FarBox，也许她也会很快地凋零了。postach.io+Evernote类似于scriptogr.am+Dropbox的组合。在做FarBox之初，我们有研究过Evernote的API，从API能大概感觉到一个产品的基本结构；好吧，Evernote的结构看起来非常古董，就没有了兴趣接入。目前很受Evernote官方的待见，确实在他们如此的API之下，做出这样一个产品并不是一件太容易的事情。如果你是Evernote的重度使用者，倒可以尝试一下；但除此之外，并不推荐，功能不如FarBox，且价格更贵。BackLift这个产品常被大家忽略，BackLift是2013年YC孵化的一个项目。很快，BackLift改名了(或者说前个项目被废弃而新开了一个...), slogan也从 Turn your design into a functional website 变为 Host static websites from the comfort of Dropbox. 估计可能是BackLift的前景不太明朗，因为按照它的设计，是面向前端（程序员）的。简而言之，Brace是一个静态站点的托管服务。虽然，Brace也增加了一些特性，比如版本管理、以及利用了Amazon云的CDN服务；但它的角色跟FTP没有本质的区别。举几个特性与FarBox进行对比，会帮助大家更了解彼此。1. 动态与静态FarBox是动态框架，虽然说没有数据库，但是可以像数据库查询一样，获取指定的数据；这是静态站点无法做到的。另外，基于FarBox的API，用户自己就能实现很多特性，比如Brace说我们推出了Code Editor, 而在FarBox上，则是你还可以自己创造一个Code Editor出来。2. CDN与速度CDN应对静态页面很有效，但是动态页面不是太好。所以FarBox自己设计了Nano NetWork，基本接近CDN的性能与速度。但是Amazon的云不是万能的（Brace接入AWS的CDN，是一种最简单的办法而已），比如链接中国大陆的时候，它的CDN就不是很灵敏了，因为Amazon亚太区的节点，很可能是从澳大利亚过来的，并且同是澳洲，但不同节点，速度还不稳定。而Nano Network可以直接命中香港的节点。最最酷的是，Nano Network可以让动态站点达到CDN的效果！3. Dropbox都是基于Dropbox的同步接口，本身不会有多大差异。但是FarBox在这个基础之上，提供了AutoReload这样高级的支持。其它产品WordPress一个巨无霸的存在。很多人离开的原因很简单，因为它看起来不像一个博客了。Ghost一个以挑战WordPress，用Node.js写的开源博客；同时也进行博客的托管，但价格非常高大，最低5美金/1月，1W页面浏览量（如果你使用FarBox，页面不要太复杂，那么，同样的5美金，同样的额度，你可以使用60个月……）。市场推广做得超赞，吸引了不少模板设计师；但实际产品，可能就打了巨大的折扣。本质上跟WordPress一样（btw, 其创始人以前是在WordPress工作的），需要安装程序，需要数据库，需要服务器（或者虚拟机）。如果你正在学习Node.js或者追逐潮流，可以尝试下。FarBox一些基础结构与功能文件夹数据库从Dropbox获取的数据，都是基于操作系统的文件路径的，我们必须要将这种结构，转化为可高速查询的数据库结构。这个数据库真实存在于FarBox的服务器中，但又是每个文件夹内文件结构、内容的映射；所以，可以通过操作文件、文件夹来修改这个数据库，而让我们感受不到这个数据库的存在。这个数据库是FarBox的基础核心，因为是各个数据的来源，否则，FarBox就只能做一个静态博客了，扩展性弱了，也没有了想象力。数据结构层除了刚才讲到的数据库之外，我们还有一个全文搜索的数据库，同时，有一个临时的内存数据库作为缓存系统。三者组成了完整的数据结构层，彼此补充，彼此加速。如果想把动态的网页，做到静态页面的加载性能，需要把渲染完成的页面全部放在内存中（性能要求）；同时，要保证这个缓存是实时更新的（不然，又成了静态页面）。API虽然FarBox默认情况下，就是一个博客平台；但我们设计API所考虑的是Web版的WebFrame。基于文件路径的数据库，可以让我们更加直观地获得数据，另外一方面，模板API的语法除了Jinja2外，还支持Jade。我们喜欢使用Jade语法在FarBox上写网站，代码如诗，这样的感觉很好。像，一个功能完整的文档生成器，而主代码只有60行左右。FarBox还可以通过获得fb_token开放所有的权限，甚至允许别人匿名往你的某个站点目录内上传文件。比如就是基于这样的原理。FarBox除了从Dropbox这边同步数据之外，也有自己的数据API平台，并能和Dropbox端的数据去重和再同步。比如我们做了个。为了让模板文件的修改能直接生效，我们增加了AutoReload的支持；为了CSS结构更加容易维护，我们支持SCSS的自动编译。除了创作者，我们希望为Coder也提供友好的体验。我们下一步，考虑增加基于WebSocket的Realtime接口。FarBox EditorMac上虽然有不少优秀的写作APP，典型的如；但我们需要可以有网站文件夹这个概念的管理器。开始做FarBox的时候，Windows上其实没有用得舒服的写作APP。另外，我们希望能打开这个一个软件，就直接写，（一般情况下）不用再管文件要保存到哪。还有一个原因，很多（普通）人对Markdown并不熟悉，我们在解析Markdown的时候，便做了些许的改造；因此，如果有个自己的Editor做预览，效果会更好。既然是基于文件夹，我们也希望可以将一个文件夹，直接导出为PDF电子书。好吧，承载了这些期望，我们决定做一个桌面的写作APP。对我们没有写作桌面程序的人来说，确实比较难；但无所谓，觉得应该做的事情，那便开始做了。这就是FarBox Editor的由来。评论系统除了文章、图片，它们自己的评论，也是与Dropbox保持同步的。虽然使用第三方评论系统，也是一个常见的现象。但我们希望达到一种开箱即用的状态，总不能强迫每个人都去注册第三方的评论系统吧。这就是FarBox评论系统的由来。但也是蛮麻烦的一个系统，比如@xxx产生的回复以及对应的邮件通知，比如数据冲突的处理，最麻烦的是spam。始终不想增加验证码这样影响体验的东西，防spam的系统，也连带着要设计开发。网站后台管理一开始的时候，我们没有打算增加后台管理，网站的属性扩展与设置，用Markdown格式的site.txt进行控制就可以了。但慢慢地感觉不友好，所以，增加了一个后台管理的系统，可以将一个文本文件渲染为一个网站的管理后台；保存之后，会形成一个新的site.txt。不但如此，后台管理系统是由一个interfece.json控制的，每个人根据默认的规则，可以定制自己的后台管理。Nano Network原来，我们只是计划把FarBox单机结构，重新设计为分布式的就可以了。但是机房从日本迁到了美国，发现与大陆的连线，有些时候拥堵了，网站的速度就很慢。原本计划很久以后才能开发的Nano Network也提上议程。Nano Network的原理其实很简单，当请求DNS的时候，会自动给你匹配一个最近的Nano节点。 第一次请求这个Nano节点的时候，会从主服务器中获取内容，并呈现给访客。同时，还会与主服务器保持通讯，来判断当前页面是否需要更新了，以及更新其它节点同步过来的数据变化。那这不就是一个高级点的CDN么？ 当然不是！ Nano从主服务器获得的内容，不但是一个HTML页面，更是一个可以重新渲染的微型框架；下次请求的时候，会重新渲染一次页面，而无需再从主服务器中获取。简而言之，Nano Network本身还是很复杂的；但是效果很惊人。其它FarBox其实还有很多特性，可能有部分存在于文档，有部分存在于使用者的直觉之中。另外，我们也在不断的尝试新想法。比如Dig系统，它可以让文章排序的时候，挖掘到最近最受欢迎的文章，并且这个数据挖掘系数还可以自定义。写在最后凡是罗列功能的文章，必然看起来让人头大。 估计本篇也是如此。我们希望大家能够明白FarBox的与众不同，她不是XXXX，也不是XXXX，她就是FarBox。最后，我们用一句被用坏了句子作为总结：FarBox在不断弥合人文与技术之间的沟壑。
前言：如果提问者想知道哪款博客程序适合自己，建议还是都试用一下，这是最快捷的方法。正题：以下内容来自于我个人的调查和使用经验，如果有错误或者主观的地方，欢迎指正。注：marboo 和
第一次知道。※国产，对中文支持好。类似于国外的
和 （类似还有很多，但这两个是主流，calepin 是 dropbox 用作博客的始祖），利用 dropbox 做仓库储存文章，Markdown 写作。一键安装，不需要懂技术，使用门槛低。可以生成静态网站（这点类似 site44）和博客。作为个人博客是个不错的选择，不用管数据库什么的，专注写作。但如果要做动态网站，还是用 WordPress 或者 site44 的付费版（如果你一定要用 dropbox 的话）。收费参考：。对于个人用户可以说近乎免费。暂时未开通企业服务也说明它现在还不适合做企业网站。不过想想 WP 虽然是免费的，但是还得买空间，对比之下 dropbox 的免费2G和 Farbox 的“五年计划”还是较为划算的。※完全免费，可以托管在 Github 上。相当于技术版的 WP 地位，插件多，教程多。自定义程度高，世界中的程序员们都爱用，便于与他们沟通交流，结交朋友，学习知识。但是需要一定的技术知识，虽然现在中文教程很多，照做应该可以顺利搭建，但步骤还是稍显繁琐，特别对于不懂技术的人（比如我，纠结了很久 git 是什么），完全是一头雾水。另外需要注意的是，用 Github Pages 建博客除了在技术上适合程序员，在内容上也更偏向分享程序界的知识。如果只是生活叨叨，那还是算了吧。参考中的回答，不要漏看 spread your ideas 这句话。※据说是 Jekyll 的简化版，比 Jekyll 易上手。免费，托管 Github，教程不少。缺点同 Jekyll，另外据说文章一多非常慢。※因为放出话来要代替 WP 成为博客界的龙头老大而闹得沸沸扬扬的新平台。发起者是 WP 的（前？）员工，基本可以等同于年轻时的 WP（现在的老 WP 已然是一副 CMS 的样子了）。融合了些现代技术和思维，比如 Markdown 写作。和 WP 一样免费开源，需要买空间托管。缺点大概就是没什么特别的地方吧。※看了题目第一次知道，去官网看了一下，发现是个编辑器，可以写很多语言： Markdown、HTML还有程序。对于前后端都涉猎的人来说应该是个不错的编辑器。更多请参考※台湾产。用 Node.js 搭建的博客平台，速度快，免费，可以搭建在 Github 上。操作比 Jekyll 简单，命令少，易于记忆。 安装好像也简单一点。※一个完整社区，大家在里面写写读读。专注于写作和阅读。国内有类似的社区：和。※在线。分免费版和付费版，具体差别请看。注册后第一个月内是付费版试用，用得爽了可以选择继续付费使用，或者切换为免费版。免费版只有一个静态页面，不能绑定域名。Markdown 写作，图片拖曳上传，免费版30张，付费版10G空间。※在线编辑器，区别于 Jekyll、Octopress 以及 Hexo ，它提供一个建立免费 CMS 网站的环境（好吧，我承认我在翻译介绍页面）。除了
和 ，另外补充个 ，看了官方文件，英语不好，后端不懂，所以不太明白。但是看见基于 node.js 和 express.js，是不是和 Hexo 有点类似呢？求其他大神补充吧。经过两天两夜的调查和思考， 本来都决定用 farbox 了，但是因为回答这个问题，现在又动摇想用 hexo。jekyll 和 octopress 以前也考虑过，但是实在太复杂，没心情设置，写作的感觉都跑光了。不过考虑到我的博客大多是生活水文，还是很犹豫要不要在 Github 上“丢人现眼”。其实 dropbox 搭建博客这个创意我感觉非常好，把本地和线上的界限模糊了，随时保持与线上的联系，却又能控制于本地。另外只要用手机上的 Markdown 编辑器新建或者打开 dropbox 的文件进行编辑，再保存于dropbox，一定程度上还实现了 blog on the go。用 Markdown 还不用担心排版问题，真是令人心平气和啊。
老实说，我用Hexo搭建完博客才发现有FarBox的存在，不过现在FarBox收费了，至少100元/年，如果专心写作，建议用FarBox，小白设置，服务估计也很好，这是一个用心的团队。现在我用Hexo，之前考虑用Jekyll，这毕竟是github官方推荐的工具，但是自己压根就没有技术底子，看了很久还是看不懂，这个时候得分清主要矛盾，立马转Hexo搭建的教程很多，我参考很多，搭建了现在的博客，之后综合了所有的教程，自己总结了一篇，里面介绍了域名注册、DNS设置、github和Hexo设置等过程，这是我写得最长的一篇教程。我想将我搭建独立博客的过程在一篇文章中尽可能详细地写出来，希望能给后来者一个明确的指引，同时用这篇教程开篇，正式开始我的第八大洲之旅。由于这篇教程实在太长，而且知乎专栏不支持Markdown，很多图没办法显示，所以只能贴到我的博客上去，链接在此：
## 前言习惯自己写Blog的朋友一定不会陌生Wordpress，或许也曾在新浪博客和QQ空间留过脚印，但静心认真思考一下，似乎我们又总是向往更加简单自由的写作方式。GitHub给我们提供了一个无限的空间，我们需要珍惜使用，而Hexo的出现从某种意义上来说代替了Jekyll，让我们可以更专注于写作本身。本文主要介绍自己的实践心得并不断完善内容，衍生知识和原理推荐大家认真阅读官网的手册，其它推荐参考内容链接在文中也会标注出来。&[阮一峰 - 喜欢写Blog的人，会经历三个阶段]()第一阶段，刚接触Blog，觉得很新鲜，试着选择一个免费空间来写。第二阶段，发现免费空间限制太多，就自己购买域名和空间，搭建独立博客。第三阶段，觉得独立博客的管理太麻烦，最好在保留控制权的前提下，让别人来管，自己只负责写文章。---## 更新历史日 - 更新Windows下Hexo 3.0安装和升级，感谢[@机智的阿卡林酱]()日 - 增加Hexo 3.0降级 2.8日 - 完善内容日 - 更新Hexo配置修改部分日 - 更新全部基础架构，待完善配置修改部分日 - 更新部分Hexo建站过程，待完善日 - 撰写初稿阅读原文 - 扩展阅读- Hexo Docs - - HelloDog Index - ---## 准备工作**注意** 本文主要针对`Windows`平台和`Hexo 3.x`### 了解Hexo&A fast, simple & powerful blog frameworkHexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。[]()### 安装GIT[GitHub Windows]()简单可依赖，安装完成后依据提示操作即可，So Easy###安装Node.JS[Node.JS]()**注意** 安装完成后添加Path环境变量，使`npm`命令生效``` bash;C:\Program Files\nodejs\node_modules\npm```### 安装Hexo配置好`GitHub`家目录后，双击桌面上的`Git Shell`，输入`npm`命令即可安装``` bashnpm install -g hexo-clinpm install hexo --save```---## Hexo初始化配置### 创建Hexo文件夹安装完成后，根据自己喜好建立目录（如`E:\kuaipan\GitHub\hexo`），进入`Git Shell`切换到该路径下`E:\kuaipan\GitHub\hexo`执行以下指令``` npmhexo init```### 安装Hexo插件``` bashnpm install hexo-generator-index --savenpm install hexo-generator-archive --savenpm install hexo-generator-category --savenpm install hexo-generator-tag --savenpm install hexo-server --savenpm install hexo-deployer-git --savenpm install hexo-deployer-heroku --savenpm install hexo-deployer-rsync --savenpm install hexo-deployer-openshift --savenpm install hexo-renderer-marked@0.2 --savenpm install hexo-renderer-stylus@0.2 --savenpm install hexo-generator-feed@1 --savenpm install hexo-generator-sitemap@1 --save```### 本地查看效果继续执行以下命令，成功后可登录`localhost:4000`查看效果``` bashhexo server```### Hexo简写命令``` bashhexo n #newhexo g #generatehexo s #server```---## 部署静态网页到GitHub### 注册设置GitHub1. 登录[GitHub]()，注册自定义用户名如`wsgzao`2. 在主页右下角创建`New repository`，name必须和用户名一致如``3. 首次创建耐心等待10分钟左右审核，之后即可访问静态主页如[]()### 同步内容至GitHub1. 下载[GitHub Windows]()2. 设置`Local path`如`E:\快盘\GitHub\`3. 运行`Git Shell`切换到如`E:\快盘\GitHub\hexo`路径下4. 执行`hexo g`命令生成`public`文件夹5. 把生成的内容全部拷贝到`Local path`或其子目录6. 运行`GitHub`确认修改信息后执行右上角的`Sync`同步7. 最后访问主页观察效果[]()---## 域名和DNS### 域名推荐& GoDaddy makes registering Domain Names fast, simple, and affordable.【推荐理由】两个字“靠谱”，支持支付宝，附优惠码链接[]()[]()### DNS推荐&致力于为您提供最稳定、最安全的域名解析服务【推荐理由】依然是两个字“靠谱”，感谢他们一直以来对于公益的坚持[]()### 设置CNAME1. 在Github的网站目录下创建`CNAME`文件2. 填写自己的域名如``，保存结束3. 登录DNSPod，先添加域名，然后添加记录，设置如下主机记录
| 记录类型
| 线路类型
| MX优先级
| TTL--------- | --------- | --------- | --------- | --------- | --------- |@
|wsgzao.github.io. | - | 10www
|wsgzao.github.io. | - | 10---## Hexo配置修改&告诉自己为什么要选择Hexo### 知识储备1.勤学勤练Markdown&本地+云端备份数据是一种习惯- Markdown学习路径 - 2.使用性感的文本编辑器&工欲善其事必先利其器- Notepad2- Sublime Text文本编辑器### Hexo主题&选择主题建议遵循`KISS`原则- Hexo Themes - - ~~Pacman - - Jacman - ### 常见问题1.修改配置文件时注意`YAML`语法，参数`冒号:`后一定要留` 空格`2.中文乱码请修改文件编码格式为`UTF-8`### 如何迁移至Hexo### Hexo 2.X 升级 3.01.做好相关配置文件和文章的备份2.做任何修改前不要忘记第一件事备份### Hexo 3.0 降级 2.X## 推荐阅读- [如何搭建一个独立博客——简明Github Pages与Hexo教程][1]- [Zippera hexo系列教程][2]- [前端工程精粹 | 张云龙][3]- [Hexo 3.0 静态博客使用指南][4][1]: [2]: [3]: [4]:
最近在用Github+hexo做博客，感觉不错。写一下hexo，jekyll和octopress的对比吧Jekyll语言：Ruby优势：与Github pages官方合作。应用最广，有很好的文档，众多的模板和插件。 可以从wp移植博客。可以在github上更新博客。可以通过直接写博客。缺点： 模板基于liquid template engine，更改较复杂安装：稍复杂。再开发版本Jekyllboostrap可以在几分钟之内搞定博客，但是可选择主题较少Octopress语言：Ruby优势：基于Jekyll，为开发者使用，默认安装很多插件，更容易个性化各种设置。模板与插件与Jekyll互通。安装：与Jekyll相似Hexo语言：note.js优势：轻量静态博客，与以上相比速度更快，适合博客内容很多的用户。可以从多个平台（比如wp，joomla）移植博客。可以使用绝大多数octopress插件缺点：需要在本地更新博客安装：较简单
这里提到许多, 我只说自己相对了解的几个. 可以说以下这几个 blog 平台都是很流行的, 在不断发展中, 代码均基于 MIT 开源.Jekyll语言: Ruby, 有 Shell 1.4% 和 CoffeeScript 0.1% .一般使用 GitHub Pages 发布. 数据以 repo 方式存在.目前 Jekyll 并不支持 Windows 客户端.社群在使用 irc.Octopress语言: Ruby基于 Jekyll, 设计初衷是对于普通人更加易用.Octopress 在文档方面远不如 Jekyll.Ghost语言: node.js作为一家公司, 有类似 WordPress 的盈利模式. com 为收费托管.我正在使用: Medium这是一个托管平台, 和 twitter 挂钩. 就像它的名字, 它介于 blog 与 twitter 之间, 比 blog 简单并对书写优化, 比 twitter 承载的信息量大并减少社交元素的权重.国内有个仿作, 「简书」.以上均以优雅地书写与展示为倾向. 如果只为了书写, 其实 Medium 是个不错的选择. 希望更多自定义并有 VPS 的情况下, 建议 Ghost. 希望更多自定义但没有主机的情况下, 建议 Octopress, 程序员建议 Jekyll.
我近期打算自己搭建一個博客，於是也到網上搜了半天，作各種比對，最後我選擇了哦Hexo。我對這些博客平台了解得不多，沒想到居然會有這麼多。我先前只是知道Jekyll、Octopress、WordPress、hexo這幾個，最後選擇了Hexo的原因是我看到前兩個貌似在windows平台上搭建比較麻煩，而且好像文章一旦多起來，生成的速度會比較慢，不過優點好像是自由度高吧。WordPress聽說過沒用過，網上有人說這個現在已經變得比較臃腫了，所以也就沒打算用了。我用Hexo的時間很短，就兩三天而已，感覺沒什麼問題，生成速度慢快的，搭建也不復雜，命令也比較簡單。插件和主題數量我覺得也都OK，我自己沒有太多的需求，只要能夠有個地方讓我寫字，頁面還算過得去就好了。我個人推薦初學者使用Hexo。
感谢您邀请装逼,半吊子的一半,伪土豪的拍黄片的凹凸曼，凹凸曼因名字问题，你懂的楼主列出这么多博客系统，极大的扩展了我的知识。有很多我都没接触了解过，下面看法如果有误请见谅。FarBox / Site44 原理：为网盘的应用程序，它们会读取你网盘对应的文件生成一个博客。优点：数据安全，无需发布缺点：FarBox之前还是有说明多少流量之后收费的，现在没有看到收费一说，site44一个月100mb的流量，每个月重置。用途：适合展示个人说明、个人日记ps：用过Farbox写过文章，感觉同步很慢，放弃了，用farbox做相册，文件数量还有限制，放弃了。site44一个月只有100mb的流量。个人觉得他们只能用于宣传页面。Jekyll / Octopress / Hexo原理： 咳咳，为了充分享受利用github的gh-pages所以它们就诞生了优点：jekyll ：简单、原始、粗暴。直接提交给github即可Octopress、Hexo：编译成静态html、折腾缺点：jekyll：容易被官方安装方法误导，我们无需这么麻烦，直接在_post文件夹提交规定命名规则的markdown文件到github的gh-pages分支即可。功能没有其他2者全面Octopress：编译慢Hexo：暂不稳定ps：都不错，都可以，看需求下面是我稍微浏览得出的看法原理：授权github ，内容编辑器优点：在线编辑Logdown优点：汇入功能很强大，特别是tumblr汇入，你懂得缺点：好像只免费一段时间，之后要收费其他
没有了解过，不做评价
大长见识。为了不让我的回复过水，我只证明一点，我之所以找到这篇贴子，就是因为octopress太慢，是真慢。我才“出来”找别的方案。有多慢呢？我的博客，不过才300来篇日志（从wordpress迁移过来的），每次rake generate都要半天时间，后面还需要rake deploy不说。。。听说hexo够快，我已经有再次迁移的想法了。其次，我是没打算学ruby了，有node的hexo或python的pelican，好歹是上手的语言。作为C#出身的，我不得不感叹，其实不过就是markdown转html，C#来干这事的人力实在是太捉襟见肘了
Marboo是Mac下管理和预览Markdown文件的利器，支持导入Markdown文件夹。支持Markdown，reStructured Text，HTML格式的笔记和文件管理。 支持设置编辑器，比如Emacs、Vim、Mou、Atom、Sublime Text等。 Markdown文件支持Latex格式公式、表格、代码高亮显示，支持用remark.js格式制作幻灯片。 支持VexTab格式来制作五线谱。 Mac App Store链接：
已有帐号？
无法登录？
社交帐号登录