• 零基Github Page个人博客建立教程无限的自由流动


    本文介绍了什么是Github Page。以及如何使用Github Page搭建一个免费的、无限流量的个人博客并绑定独立域名。


    一、前言


    1.1 为什么要用Github Page搭建博客


    借用阮一峰老大的话说,


    喜欢写Blog的人,会经历三个阶段。

     

    1.第一阶段,刚接触Blog,认为非常新奇,试着选择一个免费空间来写。

     

    2.第二阶段。发现免费空间限制太多,就自己购买域名和空间,搭建独立博客。

     

    3.第三阶段,认为独立博客的管理太麻烦。最好在保留控制权的前提下,让别人来管。自己仅仅负责写文章。


    那么Github Page无疑就是第三个阶段最Geek范儿的选择了。


    1.2什么是Github Page


    简单的说。Github是一个具有版本号管理功能的代码仓库,每一个项目都有一个主页,列出项目的源文件。

    可是对于一个新手来说。看到一大堆源代码,仅仅会让人头晕脑涨,不知何处入手。

    他希望看到的是,一个简明易懂的网页,说明每一步应该怎么做。

    因此,github就设计了Pages功能。同意用户自己定义项目首页,用来替代默认的源代码列表。

    所以。github Pages能够被觉得是用户编写的、托管在github上的静态网页。


    二、安装本地Git环境


    2.1 安装MyGit


    首先在Github上注冊账号,然后下载Windows下的GitclientMyGit,一路next至安装完成。

    找到桌面的Git Bash,双击打开,熟悉的命令行界面就出来了。

    使用cd命令进入你想要的文件夹。比方我进入了d:/working/Git


    2.2 改动Git Bash默认工作路径


    值得注意的是,普通情况下打开Git Bash后默认的路径一般都是C:/Users/username,每次工作都得切换到经常使用的文件夹下,此操作是反复且没有意义的。

    我们打开Git安装位置etcprofile文件,找到


    # normalize HOME to unix path

    HOME="$(cd"$HOME" ; pwd)"

    export PATH="$HOME/bin:$PATH"


    添加两行。改动后结果例如以下:


    # normalize HOME to unix path

    HOME="你想要改动的HOME路径"

    HOME="$(cd"$HOME" ; pwd)"

    cd

    export PATH="$HOME/bin:$PATH"


    很多其它的改动路径及自己定义Bash路径变量,參考这里

    至此,本地的Git环境已经搭建完成。


    三、配置Github


    3.1 本地生成SSH公钥


    为了保证与server通信的安全,Github仅仅提供HTTPSSSH两种连接方式。这里我们使用SSH

    Git bash中输入


    $ ssh-keygen -t rsa -C "your_email@youremail.com"


    看到下面信息,输入你的Githubpassword:


    # Creates a new ssh key using the providedemail Generating public/private rsa key pair.

    Enter filein which to save the key (/home/you/.ssh/id_rsa):

     

    Enter passphrase (emptyforno passphrase): [Type a passphrase]

    Enter same passphrase again: [Type passphrase again]


    然后你在你的文件夹下会发现有一个.ssh文件夹,里面有一个id_rsa文件和一个id_rsa.pub文件。说明SSH私钥和公钥已经成功生成了。


    3.2 SSH公钥加入到Github


    Github站点上找到Account Setting ->"SSH Keys" -> Add SSH key,将id_rsa.pub中的内容粘贴到key一栏。点击addkeybutton。

    Git Bash中输入下面代码測试:


    ssh -T git@github.com


    假设你看到了下面结果,说明成功了:


    The authenticity of host'github.com (207.97.227.239)' can't beestablished.

    RSA key fingerprint is16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.

    Are you sure you want to continue connecting(yes/no)?[Type yes]

     

    Hi username!

    You've successfully authenticated, butGitHub doesnot provide shell access.


    四、创建你的Github Page


    登录https://github.com/yourname,点击Repositories-> New创建一个新的仓库。

    注意。Repositoryname一定要设置为yourname.github.io,其它选项默认,点确认

    然后在这个仓库的页面https://github.com/yourname/yourname.github.io的右边栏点Settings

    往下拉找到GitHubPages -> Automatic Page generator,一路Next就可以

    等几分钟。訪问http://yourname.github.io就能看到你创建的页面了。


    五、本地改动网页和上传


    在仓库页面右边栏,有一个SSH clone URL,将里面的内容复制下来

    Git Bash中输入:


    $ git clone 你复制的内容


    看看你的工作文件夹下。Github帮你自己主动生成的站点就被复制下来了,文件夹结构类似于:


    --images

    --javascripts

    --stylesheets

      index.html

      params.json


    尝试更改一下index.html,比方将


    <title>Test</title>


    改成:


    <title>我的博客</title>


    然后在Git Bash里面依次输入以下三个命令


    $ git add -A

    $ git commit -m "change title of index.html"

    $ git push


    这三个命令的意义及很多其它git命令的使用方法,见这里


    上传完成后。等几分钟,刷新页面,就会发现页面的标题已经变成我的博客了。


    六、自己定义博客的主题和页面


    Github Page仅仅是一个静态页面托管服务,也就是说不能执行phpmysql等程序。

    Github Page同意站内生成网页(比方我们刚刚做的那样)。

    也同意用户自己编写网页上传,仅仅只是上传的网页会经过Jekyll程序的再处理。

    Github Page建立博客的思路:

    • 使用Jekyll语言人工编写符合规范的代码上传(不推荐)
    • 使用基于Jekyll的Octopress静态博客系统搭建(推荐)
    • 使用其它基于Jekyll的静态博客主题。比方HPSTR或Hexo(推荐)

    这里使用的是HPSTR主题,它的演示样例链接是这里

    它本身就是一个Github Page。我们找到它的git地址clone下来


    $ git clone git@github.com:mmistakes/hpstr-jekyll-theme.git


    复制它的文件到你自己的目录里,然后依照配置提示改动參数、上传就可以

    HPSTR主题里有几篇默认文章。解说了一下怎样写文章以及一些简单的Markdown语法等等。

    其它主题的安装方法也非常类似,就不一一说明了。


    七、绑定域名


    假设你想要显得更Geek一点,还能够绑定独立域名。

    如果你已经有一个域名yourname.com,在你的代码仓库的根文件夹下创建一个名为CNAME的文件。注意没有后缀名。

    里面写入你要绑定的域名,比方youname.com

    然后前往你的域名托管商处,新增一条CNAME类型的解析记录,指向yourname.github.io

    依据域名托管商的默认TTL设置的不同,解析生效须要10分钟至24小时不等。

    等解析生效,你就能够使用你的


    (完)


    本文首发http://www.dss886.com。转载请注明

    版权声明:本文博客原创文章。博客,未经同意,不得转载。

  • 相关阅读:
    Django Rest framework 之 版本
    Django Rest framework 之 节流
    Django Rest framework 之 权限
    Django Rest framework 之 认证
    Python 多线程、多进程 (三)之 线程进程对比、多进程
    Python 多线程、多进程 (一)之 源码执行流程、GIL
    Python 多线程、多进程 (二)之 多线程、同步、通信
    css3 盒模型记
    css3 颜色记
    css3 文本记
  • 原文地址:https://www.cnblogs.com/bhlsheji/p/4753059.html
Copyright © 2020-2023  润新知