折腾了好久,终于在Github上搭建了自己的博客。这里面总结一下过程希望对大家能有所帮助。

Github建博优缺点

  • 和 csdn,新浪,网易相比,在Github上可以自己实现功能
  • 和阿里云,VPS相比,github托管的代码是免费的
  • github上只能托管静态网页,后台有数据库的这种动态网站不能托管

你有一个Github的账号

  • 懂一些基本的Web开发相关的知识
  • Ruby运行时,可以在Windows或者linux环境下进行安装

建站的过程

  • 在github创建网站的代码库,名字必须为username.github.io格式
  • 将你的网站的代码上传到代码库中
  • 配置域名

如果你每一次写博客的同时还要手写html css 等信息,那么工作量会很大,github支持jekyll来自动生成页面。

Jekyll环境的搭建

  • 如果你是在Windows环境下配置。首先需要安装Ruby运行时,Jekyll是一个用Ruby写的软件。 Run Jekyll On Windows 里面展示了Windows下使用Jekyll的方法,大体分以下几步完成:
  1. 安装Ruby运行时,下载地址 ,windows 平台下的安装过程很简单,安装过程记得勾选Add Ruby excuteables to your PATH
  2. 安装RubyDevKi,和Ruby的版本相同。下载后解压,执行以下3步: cd c:\RubyDevki
    ruby dk.rb init
    ruby dk.rb install
  3. 安装jekyll,github上给出了配置文档 install Jekyll ,Bundler是一个包管理器,让你更方便的使用Ruby里面的软件,如果你想要在本地编译Github页面,那么使用 gem install bundler 来安装bundler
  4. 配置jekyll,在站点的根目录里创建一个文件 Gemfile,文件内容如下: source ‘https://rubygems.org’
    gem ‘github-pages’
    然后运行bundle install即可安装Jekyll。
  5. 安装成功后,运行 jekyll newe sitename 即可创建一个站点
  6. 命令行 bundle exec jekyll serve即可运行站点,成功后访问 http://localhost:4000 即可。

配置域名

买一个域名,把域名的ip指向github服务器,在网站的目录下建一个文件名为CNAME,文件的内容是你的域名,提交。购买的域名就会指向你的博客。

Jekyll网站的定制

网站的语言是基于liquid的,每一次你修改文件后,jekyll会自动重新生成网站。编辑成功后提交到github,访问http://username.github.io 访问你的博客。这里面有一些别人共享的网站模板可以供大家选择。网站模板里面有很多别人共享的主题。

Jekyll网站需要解决的一些问题

  1. 网站是静态的,因此只需要发表博客重新生成即可,发表博客可以使用 markdown 来实现,简化了写博客的过程
  2. 网站的社交功能需要想办法实现,因为没有后台数据库,因此需要一些第三方的帮助来实现留言回复功能。常用的有多说,disqus等
  3. 现有模板有很多的前台是基于bootstrap来实现的,里面一些脚本的信息可能会被墙,需要自己找替代

编写博客

博客的编写一般是基于markdown来实现的,markdown本身是为了简化书写的设计的语法,大家不用写博客的时候还考虑html语法,关于markdown的编译,windows平台下推荐使用markdownpad,可以编辑markdown的同时进行preview,非常的方便。

我个人在github上托管的博客地址是:http://simmon.club/ 欢迎大家指点。

参考文章:
如何在Windows下使用Jekyll
一步一步在Github上创建主页
好用的Markdown编辑器一览

Markdown Wiki

在Github上搭建自己的博客(Windows平台)的更多相关文章

  1. GitHub上搭建私人hexo博客操作教程

    GitHub上搭建hexo博客 安装GitGit:主要用于上传博客页面到github和命令操作安装NodeNode.js:Hexo的运行环境安装HexoHexo:博客程序打开安装Git后的生成的右键菜 ...

  2. 在github上搭建免费的博客

    github好多年前,大家都开始玩啦,我这个菜鸟近几年才开始.github不仅可以管理项目,还可以搭建博客.技术人员,一般用的博客为博客园,CSDN多一些.看到朋友们都弄一个,我也开始弄起来,先找点资 ...

  3. 在Github上搭建你的博客

    title: blog on github date: 2014-03-24 20:29:47 tags: [blog,github,hexo] --- **用Github写博文** 参考http:/ ...

  4. 从零起步搭建Wordpress个人博客——Windows 平台篇(上)

    本文以 Windows Server R2 64bit 标准版 为基础,其他windows版本可能会略有不同. 参考资料: https://codex.wordpress.org/Installing ...

  5. github+hexo搭建自己的博客网站(六)进阶配置(搜索引擎收录,优化你的url)

    详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定了域名: http://www.chengxinsong.cn hexo+github博客网站源码(可以clo ...

  6. github+hexo搭建自己的博客网站(七)注意事项(避免read.me,CNAME文件的覆盖,手动改github page的域名)

    详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定域名可以查看:http://www.chengxinsong.cn 可以查看在github上生成的静态文件(如 ...

  7. 使用GitHub+hexo搭建个人独立博客

    前言 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 可以随意绑定自己的域名,不仔细看的话 ...

  8. Hexo + Github Pages搭建的个人博客

    这个不算是新手的搭建流程,如果你恰巧看见这篇文章,希望你已经安装好node.git等软件,因为第一步的环境搭建准备并没有详写,默认都会了.希望能解决你的问题. 步骤: 一. 搭建环境准备 二.安装he ...

  9. 使用Hexo + Github Pages搭建个人独立博客

    使用Hexo + Github Pages搭建个人独立博客 https://linghucong.js.org/2016/04/15/2016-04-15-hexo-github-pages-blog ...

随机推荐

  1. java.lang.NoSuchMethodException: org.apache.ibatis.executor.statement.StatementHandler.prepare(java.sql.Connection)

    此错误是由于版本造成的,如果使用mybatis3.4版本以上,配置拦截器规则应增加Intger @Intercepts({ @Signature( type= StatementHandler.cla ...

  2. 使用GizwitsOpenAPI,快速开发轻应用

    导读:使用机智云提供的Open API(Http / WebSocket),可以快速开发网页或微信应用等基于html的轻应用,用于管理和控制智能设备.机智云 Open API 主要帮助开发者通过 HT ...

  3. jquery函数理解与运用

    javascript中有多种不用的方式去理解函数,函数类似于我们以前学过的数学函数,但是在程序设计中,我是按照下面的方式进行理解: 函数的理解: 函数是一个代码块,内容被包含在函数内,通常我们是把一些 ...

  4. delphi 步长不等于 1 的方法

    i:=; do begin ... INC(i,); end; 不能用for循环,只能用像上面的方法折衷一下

  5. 【算法杂谈】Miller-Rabin素性测试算法

    额,我们今天来讲一讲Miller-Rabin素性测试算法. 读者:怎么又是随机算法!!!(⊙o⊙)… [好了,言归正传] [费马小定理] 费马小定理只是个必要条件,符合费马小定理而非素数的数叫做Car ...

  6. Android中Retrifit使用总结

    Android中网络请求框架Retrofit的使用注意事项 1.Retrofit是基于OkHttp网络请求框架的二次封装而已,懂Okhttp的小伙伴,那么Retrofit也就基本都会. 2.Retro ...

  7. svn客户端重新设置用户名和密码

    在第一次使用TortoiseSVN从服务器CheckOut的时候,会要求输入用户名和密码,这时输入框下面有个选项是保存认证信息,如果选了这个选项,那么以后就不用每次都输入一遍用户名密码了. 不过,如果 ...

  8. js排序算法总结——冒泡,快速,选择,插入,希尔,归并

    相信排序是任何一个程序猿都会用到的东西,今天简单总结记录下常见的排序算法. 一.冒泡排序 说起冒泡排序,可能每个人都不会陌生,实现思路相当简单明了,就是不停的对数组进行两两比较,将较大(较小)的一项放 ...

  9. 案例1.通过Jquery来处理复选框

    实现以下功能: 1:选中第一个复选框,那么下面所有的复选框都选中,去除选中第一个复选框,下面的都不选中 2:当点击全选按钮,上面足球.篮球.游泳.唱歌 全部选中 3:当点击全不选按钮,上面四个全部取消 ...

  10. js闭包-在你身边却不知

    今天组里小伙很纳闷的问了我js绑事件带出的一个小问题,随便聊聊闭包那点事,背景如下: 当点击Button的时候给li绑定事件,事件的大概内容是获取li位置的index再做点事,据他描述代码看上去也没错 ...