当前位置:网站首页 -> 全部新闻

网站建设:使用hexo搭建静态博客

发布日期:2014/6/16 8:04:59  点击数:1091

hexo是一个博客程序,具有一个简略的效劳器(能够用来当简略的动态博客运用),也有生成器,生成的静态文件能够一键布置到Github Pages上,也能够布置到恣意静态文件效劳器上面。

因为它相当精约,而且运用Markdown来编写文章,深得我心,所以我把博客搬迁到hexo了,可是为了国内拜访速度,我没有放在Github Pages上,而是挑选了放在BAE上面。

下面一步一步地说怎么用hexo搞一个博客。

搭环境

hexo是用node.js开发的,首要需求在电脑上装置node.js,在windows用装置包是很便利的,完成后记得要把系统盘的用户/AppData/Roaming/npm/这个目录加到系统的PATH环境变量里边。

在需求的当地翻开指令行,这时分咱们要装置hexo

  • npm install -g hexo

装置了hexo后,假如之前有做PATH环境变量那一步操作的话,这时分就能够直接运转hexo这个指令了,后边的作业都要靠它。

新建博客

在作业目录翻开指令行,运转

  • hexo init <目录名>

会生成个目录,cd进入,能够看到许多东西,这即是一个全新的hexo博客。

后边咱们的指令行就都在这个新建的目录下了。

运转

  • hexo server

会看到效劳在4000端口上启动了,翻开http://localhost:4000/ 就能看到作用。

调整设置

关于站点的装备基本上都在_config.yaml里边,其间对比重要的有

  •   title, subtitle 这类基本信息
  •   language 能够用zh-CN,这在后边的theme装备当中有作用
  •   url, root 填今后要布的域名和途径
  •   plugins 我加了一个hexo-generator-feed,经过npm install hexo-generator-feed --save装置,这样在生成的时分会主动生成atom.xml,用来供给他人订阅

修正_config.yaml的话有时分是需求重新启动hexo server才能看到作用的。

编写文章

这个时分的博客空空如也,怎么新建文章呢?能够运用hexo供给的Scaffold(脚手架)功用。

  • hexo new post 文章标题

就会在/source/_post目录里新建一个markdown文件,这儿的post即是一般的文章类型,看看scaffolds目录里,有几个类型,能够自个测验一下。

写好内容后去浏览器里改写一下,发现hexo server是有主动生成功用的,能够看到新的文章。

这儿就和Word Press很不相同了,曾经都是所见即所得的写文章,而现在是写markdown,看生成出来的作用。能够需求习惯一下。

假如是Word Press用户的话,能够有方法把上面的内容搬迁过来。

首要,需求在Word Press导出博客,会得到一个xml文件,把它拷贝到hexo博客目录下,比方叫wordpress.xml。

装置hexo-migrator-wordpress这个插件

  • npm install hexo-migrator-wordpress --save

这时分运转

  • hexo migrate wordpress wordpress.xml

会看到导入了一些Word Press里的文章和页面,看看source里的文件,发现给转成了markdown格局的,这时分八成还需求一些格局微调。别的,文章里边的图片会指向本来的博客资本,文章连接也是绝对的,不嫌费事的话,这些东西最佳也迁过来吧。我在source目录下建了uploads目录,结构基本上和之前的Word Press一模相同,所以大多数东西只用改下途径就行了。

关闭窗口
Copyright © 2008-2025 上海纯点网络科技有限公司(www.cdsheji.com). All Rights Reserved
地址:上海市嘉定区金沙江西路1075号万达广场5写字号楼203室 24小时客服热线:400-670-5808 电话:021-60482289
沪ICP备10218526号-1 | 沪ICP备10218526号-2
QQ客服

沪公网安备 31011402002273号