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
相关推荐
阿斯顿的期望单位签订阿萨德去玩得起我的缺点发给((
很抱歉,但根据您给出的信息,"大的阿萨德撒大所大手大脚整合版.rar" 和 "实打的就撒考点均" 这些描述并没有提供任何明确的IT知识点。它们看起来像是随机组合的词语,无法直接关联到具体的IT技术、概念或问题。同样...
数据库的阿萨德概述.txt
阿达阿打发打发阿萨德发送
额发疯埃尔法未发生阿萨德sad
学习备份大法师的发斯蒂芬阿萨德发
codeceo 首页问答热门文章RSS订阅 文章首页 Java JavaScript ... iOS ...2018-07-25 分类:JAVA开发、编程开发、首页精华0人评论 来源:crossoverjie.top ...Map 这样的 Key Value 在软件开发中是非常经典的结构,常...
建筑工程常用表格2021jl-A4_阿萨德.xls
标题 "个人首页,网站模板,阿萨德发挥地方" 提示我们这是一个用于个人网站或博客的模板项目,可能包含多种设计元素和交互效果,而“阿萨德发挥地方”可能是项目作者的名字或者是对模板风格的一种描述,暗示了设计者...
阿萨德阿萨德阿萨德阿萨德阿萨德阿萨德阿萨德阿萨德
这个名为"ListView_Checkbox-master.zip"的项目,从其标题"NOOZ_Single and Single_showrgy_阿萨德"来看,可能是一个实现了单选和多选功能的ListView示例。"Single and Single"可能指的是单选模式(single choice)...
请问请问vv
excel
社团过去潍坊沃尔夫请问给我QAQGV吧秦(⊙o⊙)…2通过分期
网页设计
阿达阿萨德不但是VR是否撒旦法但是而是分手废物访问佛挡杀佛es
呵呵。阿斯达斯阿萨德阿萨德阿萨德阿萨德阿斯达岁的阿萨德阿萨德阿萨德阿斯的