测设阿萨德

Github Pages

是Github提供的静态文件服务器,可以使用Github Pages搭建博客、网站,其特点
(1)只支持静态网页,够用;
(2)免费,不用花一分钱
(3)可以绑定自己的域名

Hexo基于node技术的博客框架

快速、简洁且高效。Hexo 使用 Markdown(或其他渲染引擎)解析文章,
在几秒内,即可利用靓丽的主题生成静态网页。
https://hexo.io/zh-cn/docs/index.html 中文文档

next是Hexo的一个漂亮主题

http://theme-next.iissnan.com/getting-started.html NexT主题使用文档
https://hexo.io/themes 列出很多很优秀的主题,点击图片预览,点击主题名称进入主题Github页面,然后下载即可
https://www.zhihu.com/question/24422335 知乎?有哪些好看的 Hexo 主题

安装hexo

1
2
3
4
5
npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server --port=9000  --debug #默认端口4000,我的电脑4000被占用了

然后浏览器访问 http://127.0.0.1:9000/

安装主题NexT

https://github.com/iissnan/hexo-theme-next/releases
前往 NexT 版本 发布页面,下载 Download 区域下的 Source Code (zip) 到本地。
解压所下载的压缩包至站点的 themes 目录下, 并将 解压后的文件夹名称(hexo-theme-next-0.4.0)更改为 next。
启用主题,打开 站点配置文件, 找到 theme 字段,并将其值更改为 next。
theme: next
在切换主题之后、验证之前,我们最好使用 hexo clean 来清除 Hexo 的缓存。

首先启动 Hexo 本地站点,并开启调试模式(即加上 –debug),整个命令是 hexo s –debug。
在服务启动的过程,注意观察命令行输出是否有任何异常信息,如果你碰到问题,这些信息将帮助他人更好的定位错误。
来源: http://theme-next.iissnan.com/getting-started.html

设置 作者昵称

编辑 站点配置文件, 设置 author 为你的昵称。
站点描述
编辑 站点配置文件, 设置 description 字段为你的站点描述。站点描述可以是你喜欢的一句签名:)

发表文章

详见 https://hexo.io/zh-cn/docs/writing.html

添加标签页面

新建页面 hexo new page tags
source下会新生成新的文件夹tags,在该文件夹下会有一个index.md文件
设置index.md type:tags,index.md文件内容如下:

1
2
3
title: tags
date: 2017-11-15 19:10:05
type: tags

菜单设置
修改next主题的_config.yml文件中的menu选项,去掉tags的注释

添加分类页面

步骤与添加标签页面类似,具体如下:
新建页面hexo new page categories
source下会新生成新文件夹categories,在该文件夹下会有一个index.md文件
设置页面类型 index.md中添加type: categories

1
2
3
title: categories
date: 2017-11-15 19:11:13
type: categories

菜单设置
修改next主题的_config.yml文件中的menu选项,去掉 categories的注释

Github Pages创建

前提是你有github账号,假设你的账号是 :demo
创建一个项目名称是 demo.github.io
项目根目录添加index.html,内容随意
然后用浏览器访问,demo.github.io,即可看到index.html的内容了;

部署到github

npm install hexo-deployer-git –save
hexo clean
hexo generate
hexo deploy
注意deploy最后要,输入你的username及passward

三款流行的开源静态网站构建工具

(1)jekyll ruby 历史悠久,开源已9年,模板和插件众多,但是构建速度慢
(2)hexo node.js 前端开发者用户居多
(3)hugo go Go大神spf13开发,开源已4年,升级活跃,构建速度极快,后端开发者用户居多
以上工具都可以将markdown内容转换为静态页面

#参考资料
静态网站构建工具简介# 静态网站构建工具简介
https://jimmysong.io/hugo-handbook/tools/intro.htmlhexo
next下的分类和表签无法显示,怎么解决?
https://www.zhihu.com/question/29017171
hexo从零开始到搭建完整
http://www.cnblogs.com/visugar/p/6821777.html

猜你喜欢

转载自iliuyong.iteye.com/blog/2408782