2

hexo blog 搭建

 2 years ago
source link: https://wocai.de/post/2014/04/hexo-blog-%E6%90%AD%E5%BB%BA/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

hexo blog 搭建

四月 30, 2014 · 4 分钟 · kokdemo

最近看我的wordpress博客越来越不爽了……

主要是因为wordpress真的太大,繁琐的厉害,最重要的是,它的反垃圾评论功能似乎没有以前那么好用了。

因此每次登陆的时候都能看到满坑满谷的垃圾评论…… 实在是删不过来啊……

在某人的忽悠下,我进了hexo的坑,也就是目前这个博客所用的静态生成器。hexo可以看作是octopress思路的一种扩展,即用markdown写作,然后生成静态网页,托管到github page上。

可是octopress使用ruby写的,对于广大js屌丝们来说不是很友好……于是就有了台湾朋友写的这个hexo。

我fork的主题来自于jacman,而jacman是pacman的fork,那么我这个主题应该算是fork自pacman了……

###hexo

hexo的安装就是使用

npm install -g hexo

tips:安装之前请先注意下你的npm的安装方式,如果npm是apt-get安装的旧版本,你有必要重新安装一次。

curl http://npmjs.org/install.sh | sh
或者:
curl http://npmjs.org/install.sh | sudo sh

tips:什么,你没有curl,那么你还是先用apt-get安一个curl好了……

安装好hexo之后就可以开始生成你的第一个blog了。

cd到目标文件夹之后

hexo init //生成基本的结构
hexo generate //生成静态网页
hexo server //运行blog,在localhost:4000上。
hexo clean //清楚hexo生成的网页和数据库,出错的时候可以试一下。
hexo new [post] <title> //一目了然,就是写新文章,post是文章类型的一种。

以上就是基本命令。

hexo的基本结构如下:

.
├── .deploy
├── public //生成的静态网页
├── scaffolds //layout模板文件目录,其中的md文件可以添加编辑
├── scripts //扩展脚本目录,平常里面只有一个处理图片的js
├── source //你的文章保存的地方,你还可以在里面自建文件夹放页面什么的
 |   ├── _drafts
 |   └── _posts //存放的位置
├── themes //主题
├── _config.yml //主要的配置文件,务必要读一下,把里面的参数改成你需要的
└── package.json

生成静态网页之后就可以扔到你的主机上/github page上,同时hexo还提供了直接部署的命令,deploy,有兴趣的你可以自行google一下。

关于wordpress–>hexo的迁移主要是依靠一个插件hexo-migrator-wordpress。

  1. 首先,需要在Word Press导出博客,会得到一个xml文件,把它拷贝到hexo博客目录下,比如叫wordpress.xml。
  2. 安装hexo-migrator-wordpress这个插件

首先用npm安装

npm install hexo-migrator-wordpress --save
hexo migrate wordpress wordpress.xml

会看到导入了一些Word Press里的文章和页面,看看source里的文件,发现给转成了markdown格式的,这时候多半还需要一些格式微调。

另外,文章里面的图片会指向原来的博客资源,文章链接也是绝对的。因此将来删除wordpress的时候最好保留下来其中存图片的文件夹……

此时又有人告诉我,ghost比hexo更好用,你快去试试吧……

###ghost

ghost是最近很火的一个基于nodejs的博客,不像hexo那样只是一个生成器,它有一个比较简陋的后台,可以直接在里面用markdown写东西,同时可以看到预览。

ghost的官网 https://ghost.org/ ,上面逼格相当高……

安装的方法就是从官网上下载安装包,解压之后,cd到那个文件夹,然后

npm install --production

就行了,然后运行呢

npm start

ok,这时候你在浏览器里打开 http://localhost:2368 就能看到界面了,默认的主题也是非常酷炫,比hexo不知道高到哪里去了……

访问 http://localhost:2368/ghost 进入后台,你可以看到很多选项,包括换掉图片,更改标题副标题,自我信息什么的,还有文章的控制,删除/修改都有,算是比较齐全。

ghost的主题也和hexo类似,里面都包括了模板,css,js,图片等等东西,你有兴趣可以自己改改看,我当时fork了ghostium这个主题,自己做了一些修改。

问题来了,这不是一个静态blog,那我应该把它部署在哪?

当我发现这个问题之后纠结的不行,想要在vps上用,还需要先学习一下lxc……于是我还是换回hexo了……

现在有一些主机商开始提供ghost的主机服务了,如果你有这个机会,可以尝尝鲜!

因为hexo是静态的,放到哪里都行。

问题2,ghost不支持分类,怎么办?

其实很多人直接通过控制tag来为文章分类了……我自己不是很习惯,因为之前还有好多篇文章都没改……

###markdown 最近比较流行用markdown来写作,我用sphinx的时候,觉得rst其实也不错……

markdown中常用的标题,列表,引用,代码格式,这篇文章里都用到了,我在这写一点不常用的……

  1. markdown中<\code><\pre> 都是可以正常用的。此处为了正确显示,加了一个反斜杠。

  2. 链接[an example][id](http://example.com/ “Title”)

    [id]: http://example.com/ “Optional Title Here”,说到这个,我更喜欢rst里的链接格式一些……

  3. 图片![Alt text](/path/to/img.jpg “Optional title”)


Recommend

  • 13
    • geekvic.top 3 years ago
    • Cache

    Hexo 如何快速搭建个人博客

    什么是 Hexo?Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染。 Hexo 支...

  • 5

    零成本获取一个属于自己的博客 ( 日记 ) 站点 ( 白嫖 ) ,多好。使用 GitHub Pages 搭建站点的好处:不用花一分钱不需要维护服务器可以绑定自己的域名快速将内容恢复到历史版本内容可以轻松打包、转移、...

  • 5

    从零开始利用 hexo + Github/Coding 搭建个人博客 发表于 2015-08-15...

  • 5

    2 年前

  • 5
    • lyunvy.tk 3 years ago
    • Cache

    Hexo-GitHub博客搭建

    看着hexo的文档就能做出来准备(本文基于Windows平台)​ Hexo的官方文档写的很好,本文只是个人建站总结,如需实际操作,建议看着官方文档来操作:文档 | HexoHexo安装

  • 5

    在碎片化学习的时代,没有体系化/总结的知识很快会被彻底遗忘,而博客可以帮助我们记忆平时零碎的知识。有人似乎认为想玩博客就必须要域名/服务器,这里吾辈不得不说明一下,这个认知是错误的。 对于绝大多数网站来说,静态是无法满足复杂的需求的。然而...

  • 2

    Hexo在Mac OS X 10.9.X下的搭建2014年5月31日这是第一篇在Hexo下写的博客,想要使用静态技术来做一个简单的页面。事实证明,这种技术采用起来十分简单,尤其是在 Mac OS X 的环境下,搭建几乎不会耗费太多精力,还是很值得尝试的。我...

  • 6

    使用 GitHub 和 Hexo 搭建免费静态 Blog习惯自己写 Blog 的朋友一定不会陌生 Wordpress,或许也曾在新浪博客和 QQ 空间留过脚印,但静心认真思考一下,似乎我们又总是向往更加简单自由的写作方式。GitHub 给我们提供了一个无限的空间,我们需要珍惜使用,而 Hex...

  • 4

    或许个人博客的高潮已经过去。但随着服务的成熟,搭建一个属于自己畅所欲言的空间不再是一件麻烦事。如果十年前建站需要主机、域名、CMS 平台(如 Wordpress)等基础,现在或许你只需要记住两三条命令,在本地就能生成好一个网站目录,部署到 GitHub Page 即可...

  • 8
    • chinomars.github.io 2 years ago
    • Cache

    基于Hexo和github page搭建个人博客

    倒腾过好几次个人主页,但个人原创文章并不多,总是要么在换模板的路上,要不就是在换框架的路上,终于乐此而疲了。这次换个人主页之后还是要静下心来多写文章才是。这篇文章用于答谢Hexo和Archer主题的作者,hexo是到目前为止用过的最好用的博客框架,archer主...

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK