[原]通过GitHub Pages建立个人站点(详细步骤)
1 Git简介
2 为什么使用Github Pages
3 创建Github Pages
3.1 安装git工具.
3.2 两种pages模式
3.3 创建步骤
3.4 常用命令
4 使用Jekyll搭建博客
4.1 什么是jekyll
4.2 jekyll本地环境搭建
4.3 jekyll目录结构
4.4 Jekyll-Bootstrap创建博客
4.5 Jekyll 写博过程
4.6 个性化博客
5 使用Markdown
5.1 简介
5.2 基本语法
5.3 Notepad++支持Markdown语法高亮
1 Git简介
Git是一个开源的分布式版本控制系统,用以有效、高速的处理从很小到非常大的项目版本管理。
GitHub可以托管各种git库的站点。
GitHub Pages残剑震江湖免费的静态站点,三个特点:免费托管、自带主题、支持自制页面和Jekyll。
2 为什么使用Github Pages
1. 搭建简单而且免费;
2. 支持静态脚本;
3. 可以绑定你的域名;
4. DIY自由发挥,动手实践一些有意思的东西git,markdown,bootstrap,jekyll;
5. 理想写博环境,git+github+markdown+jekyll;
3 创建Github Pages
3.1 安装git工具
windows.github/
mac.github/
3.2 两种pages模式
1. User/Organization Pages 个人或公司站点
1) 使用自己的用户名,每个用户名下面只能建立一个;
2) 资源命名必须符合这样的规则username/username.github;
3) 主干上内容被用来构建和发布页面
2. Project Pages 项目站点
1) gh-pages分支用于构建和发布;
2) 如果user/org pages结婚前的准备使用了独立域名,那么托管在账户下的所有project pages将使用相同的域名进行重定向,除非project pages使用了自己的独立域名;
3) 如果没有使用独立域名,project pages将通过子路径的形式提供服务username.github/projectname;
4) 自定义404页面只能在独立域名下使用,否则会使用User Pages 404;
5) 创建项目站点步骤:
$ git clone github/USERNAME/PROJECT.git PROJECT
$ git checkout --orphan gh-pages
$ git rm -rf .
$ git add .
$ git commit -a -m "First pages commit"
$ git push origin gh-pages
3. 可以通过User/Organization Pages建立主站,而通过Project Pages电脑键盘挂载二级应用页面。
亲情名言
3.3 创建步骤
第一步:创建个人站点
第二步:设置站点主题
进入资源-setting
更新你的站点
选择主题并发布
3.4 常用命令
$ git clone git@github:username/username.github.git //本地如果无远程代码,先做这步,不然就忽略
$ cd .ssh/username.github //定位到你blog的目录下
$ git pull origin master //先同步远程文件,后面的参数会自动连接你远程的文件
$ git status //查看本地自己修改了多少文件
$ git add . //添加远程不存在的git什么被子最暖和文件
$ git commit * -m "what I want told to someone"
$ git push origin master //更新到远程服务器上
4 使用Jekyll搭建博客
4.1 什么是jekyll
Jekyll是一种简单的、适用于博客的、静态网站生成引擎。它使用一个模板目录作为网站布局的基础框架,支持Markdown、Textile等标记语言的解析,提供了模板、变量、插件等功能,最终生成一个完整的静态Web站点。说白了就是,只要安装Jekyll的规范和结构,不用写html,就可以生成网站。[jekyll介绍][jekyll on github][jekyllbootstrap]。
Jekyll使用Liquid模板语言,{{page.title}}表示文章标题,{{content}}表示文章内容。我们可以用两种Liquid标记语言:输出标记(output markup)和标签标记 (tag markup)。输出标记会输出文本(如果被引用的变量存在),而标签标记不会。输出标记是用双花括号分隔,而标签标记是用花括号-百分号对分隔。[Liquid模板语言] [Liquid模板变量参考]。
jekyll与github的关系:GitHub Pages一个由 GitHub 提供的用于托管项目主页或博客的服务,jekyll是后台所运行的引擎。
4.2 jekyll本地环境搭建
1. 下载最新的RubyInstaller并安装(我下载的是rubyinstaller-1.),设置环境变量,path中配置C:\Ruby193\bin目录,然后在命令行终端下输入gem update --system来升级gem;
2. 下载最新的DevKit,DevKit是windows平台下编译和使用本地C/C++扩展包的工具。它就是用来模拟Linux平台下的make,gcc,sh来进行编译。但是这个方法目前仅支持通过RubyInstaller安装的Ruby,并双击运行解压到C:\DevKit。然后打开终端cmd,输入下列命令进行安装:
cd C:\DevKit
ruby dk.rb init
ruby dk.rb install
3. 完成上面的准备就可以安装Jekyll了,因为Jekyll是用Ruby抖音企业号编写的,最好的安装方式是通过RubyGems(gem):
gem install Jekyll
并使用命令检验是否安装成功
jekyll --version
4. 安装Rdiscount,这个用来解析Markdown标记的包,使用如下命令:
gem install rdiscount
5. 运行本地工程:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论