【分分3分快三在哪玩】建站教程:使用GitHub和Hexo搭建免费静态Blog

  • 时间:
  • 浏览:2
  • 来源:彩神快三APP

前言

习惯分分3分快三在哪玩个人分分3分快三在哪玩写Blog的一群人歌词 一定我过多 陌生Wordpress,或许也曾在分分3分快三在哪玩新浪博客和QQ空间留过脚印,但静心认真思考一下,似乎一群人歌词 又时不时 向往更加简单自由的写作法子。GitHub给一群人歌词 提供了有有一有四个多无限的空间,一群人歌词 还要珍惜使用,而Hexo的时不时 出现 从四种 意义上来说代替了Jekyll,过后一群人歌词 时会 更专注于写作四种 。本文主要介绍个人的实践心得何必 断完善内容,衍生知识和原理推荐一群人歌词 认真阅读官网的手册,其它推荐参考内容链接在文中也会标注出来。

喜欢写Blog的人,会经历有有一有四个多阶段:

第一阶段,刚接触Blog,确实很新鲜,试着选着有有一有四个多免费空间来写。

第二阶段,发现免费空间限制过多,就个人购买域名和空间,搭建独立博客。

第三阶段,确实独立博客的管理太麻烦,最好在保留控制权的前提下,让别人来管,个人只负责写文章。

更新历史

2015年09月03日 - 完善Windows 10安装Hexo中的细节

2015年03月22日 - 更新Windows下Hexo 3.0安装和升级,感谢@机智的阿卡林酱

2015年03月10日 - 增加Hexo 3.0降级 2.8

2014年12月19日 - 完善内容

2014年12月09日 - 更新Hexo配置修改主次

2014年06月19日 - 更新全版基础架构,待完善配置修改主次

2014年06月17日 - 更新主次Hexo建站过程,待完善

2014年05月29日 - 撰写初稿

扩展阅读

Hexo Docs - http://hexo.io/docs/

HelloDog Index - http://wsgz分分3分快三在哪玩ao.github.io/index/#Hexo

准备工作

注意 本文主要针对Windows平台和Hexo 3.x

了解Hexo

A fast, simple & powerful blog framework

Hexo 是有有一有四个多快速、简洁且高效的博客框架。Hexo 使用 Markdown(或这些渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

hexo.io

安装GIT

GitHub Windows

简单可分分3分快三在哪玩依赖,安装完成后法子提示操作即可,So Easy

安装Node.JS

 Node.JS

注意 安装完成后加进Path环境变量,使npm命令生效。新版由于会自动配置Path

  1. ;C:\Program Files\nodejs\node_modules\npm

安装Hexo

配置好GitHub家目录后,双击桌面上的Git Shell,输入npm命令即可安装

  1. npm install hexo-cli -g
  2. npm install hexo --save
  3. #由于命令无法运行,时会 尝试更换taobao的npm源
  4. npm install -g cnpm --registry=https://registry.npm.taobao.org

Hexo初始化配置

创建Hexo文件夹

安装完成后,根据个人喜好建立目录(如E:\kuaipan\GitHub\hexo),进入Git Shell切换到该路径下E:\kuaipan\GitHub\hexo执行以下指令

  • hexo init
  • #安装 Hexo 完成后,请执行下列命令,Hexo 由于在指定文件夹中新建所还要的文件。
  • $ hexo init
  • $ cd
  • $ npm install
  • #新建完成后,指定文件夹的目录如下
  • .
  • ├── _config.yml
  • ├── package.json
  • ├── scaffolds
  • ├── scripts
  • ├── source
  • | ├── _drafts
  • | └── _posts
  • └── themes

安装Hexo插件

  1. npm install hexo-generator-index --save
  2. npm install hexo-generator-archive --save
  3. npm install hexo-generator-category --save
  4. npm install hexo-generator-tag --save
  5. npm install hexo-server --save
  6. npm install hexo-deployer-git --save
  7. npm install hexo-deployer-heroku --save
  8. npm install hexo-deployer-rsync --save
  9. npm install hexo-deployer-openshift --save
  10. npm install hexo-renderer-marked@0.2 --save
  11. npm install hexo-renderer-stylus@0.2 --save
  12. npm install hexo-generator-feed@1 --save
  13. npm install hexo-generator-sitemap@1 --save

本地查看效果

继续执行以下命令,成功后可登录localhost:10000查看效果

  1. hexo server

Hexo 简写命令

  1. hexo n #new
  2. hexo g #generate
  3. hexo s #server

部署静态网页到GitHub

注册设置GitHub

  1. 登录GitHub,注册自定义用户名如wsgzao
  2. 在主页右下角创建New repository,name还要和用户名一致如wsgzao.github.io
  3. 首次创建耐心守候10分钟左右审核,完后 即可访问静态主页如http://wsgzao.github.io

 同步内容至GitHub

  1. 下载GitHub Windows
  2. 设置Local path如E:\快盘\GitHub\
  3. 运行Git Shell切换到如E:\快盘\GitHub\hexo路径下
  4. 执行hexo g命令生成public文件夹
  5. 把生成的内容全版拷贝到Local path或其子目录
  6. 运行GitHub确认修改信息后执行右上角的Sync同步
  7. 最后访问主页观察效果

https://pages.github.com/

域名和DNS

域名推荐

GoDaddy makes registering Domain Names fast, simple, and affordable.

【推荐理由】有有一有四个多字“靠谱”,支持支付宝,附优惠码链接

http://www.godaddy.com/

http://www.gdcodecoupon.com/

DNS推荐

致力于为您提供最稳定、最安全的域名解析服务

【推荐理由】依然是有有一有四个多字“靠谱”,感谢一群人歌词 时不时 以来对于公益的坚持

https://www.dnspod.cn/

设置CNAME

  1. 在Github的网站目录下创建CNAME文件
  2. 填写个人的域名如hellodog.com,保存过后过后开始
  3. 登录DNSPod,先加进域名,过后加进记录,设置如下

有好的文章希望站长之家帮助分享推广,猛戳这里帮我 投稿