• 利用Github免费搭建个人主页(个人博客)


    之前闲着, 利用Github搭了个免费的个人主页。

    涉及:

    •  Github注册
    •  Github搭建博客
    •  域名选购
    •  绑定域名
    •  更多

    一  Github注册

    在地址栏输入地址:http://github.com/join

    填写相关信息, 按步骤完成即可。



    这样, 你就拥有了属于自己的Github账号了。 很简单吧~

    GitHub · Build software better, together.           So Cool!


    二 Github搭建博客

     

    配置和使用Github

    以下教程主要参考beiyuu的《使用Github Pages建独立博客》写成。

    配置SSH keys

    我们如何让本地git项目与远程的github建立联系呢?用SSH keys。

    检查SSH keys的设置

    首先我们需要检查你电脑上现有的ssh key:

    <code>$ <span class="built_in eye-protector-processed">cd</span> ~/. ssh 检查本机的ssh密钥
    </code>

    如果提示:No such file or directory 说明你是第一次使用git。

    生成新的SSH Key:

    <code>$ ssh<span class="attribute eye-protector-processed">-keygen</span> <span class="attribute eye-protector-processed">-t</span> rsa <span class="attribute eye-protector-processed">-C</span> <span class="string eye-protector-processed">"邮件地址@youremail.com"</span>
    Generating <span class="keyword eye-protector-processed">public</span>/<span class="keyword eye-protector-processed">private</span> rsa key <span class="built_in eye-protector-processed">pair</span><span class="built_in eye-protector-processed">.</span>
    Enter file <span class="keyword eye-protector-processed">in</span> which <span class="keyword eye-protector-processed">to</span> save the key (/Users/your_user_directory<span class="subst">/</span><span class="built_in eye-protector-processed">.</span>ssh/id_rsa):<span class="subst"><</span>回车就好<span class="subst">></span>
    </code>

    注意1: 此处的邮箱地址,你可以输入自己的邮箱地址;注意2: 此处的「-C」的是大写的「C」

    然后系统会要你输入密码:

    <code><span class="constant eye-protector-processed">Enter</span> passphrase (empty <span class="keyword eye-protector-processed">for</span> no passphrase)<span class="symbol">:<</span>输入加密串>
    <span class="constant eye-protector-processed">Enter</span> same passphrase <span class="symbol">again:</span><再次输入加密串>
    </code>

    在回车中会提示你输入一个密码,这个密码会在你提交项目时使用,如果为空的话提交项目时则不用输入。这个设置是防止别人往你的项目里提交内容。

    注意:输入密码的时候没有*字样的,你直接输入就可以了。

    最后看到这样的界面,就成功设置ssh key了:

    添加SSH Key到GitHub

    在本机设置SSH Key之后,需要添加到GitHub上,以完成SSH链接的设置。

    • 1、打开本地C:Documents and SettingsAdministrator.sshid_rsa.pub文件。此文件里面内容为刚才生成人密钥。如果看不到这个文件,你需要设置显示隐藏文件。准确的复制这个文件的内容,才能保证设置的成功。

    • 2、登陆github系统。点击右上角的 Account Settings—->SSH Public keys —-> add another public keys

    • 3、把你本地生成的密钥复制到里面(key文本框中), 点击 add key 就ok了

    测试

    可以输入下面的命令,看看设置是否成功,git@github.com的部分不要修改:

    <code><span class="variable eye-protector-processed">$ </span>ssh -<span class="constant eye-protector-processed">T</span> git<span class="variable eye-protector-processed">@github</span>.com
    </code>

    如果是下面的反馈:

    <code>The authenticity <span class="keyword eye-protector-processed">of</span> host <span class="comment eye-protector-processed">'github.com (207.97.227.239)' can't be established.</span>
    RSA <span class="keyword eye-protector-processed">key</span> fingerprint <span class="keyword eye-protector-processed">is</span> <span class="number eye-protector-processed">16</span>:<span class="number eye-protector-processed">27</span>:ac:a5:<span class="number eye-protector-processed">76</span>:<span class="number eye-protector-processed">28</span>:<span class="number eye-protector-processed">2</span>d:<span class="number eye-protector-processed">36</span>:<span class="number eye-protector-processed">63</span>:<span class="number eye-protector-processed">1</span>b:<span class="number eye-protector-processed">56</span>:<span class="number eye-protector-processed">4</span>d:eb:df:a6:<span class="number eye-protector-processed">48.</span>
    Are you sure you want <span class="keyword eye-protector-processed">to</span> <span class="keyword eye-protector-processed">continue</span> connecting (yes/no)?
    </code>

    不要紧张,输入yes就好,然后会看到:

    <code>Hi cnfeat! You<span class="attribute eye-protector-processed">'ve</span> successfully authenticated, but GitHub does <span class="keyword eye-protector-processed">not</span> provide shell <span class="keyword eye-protector-processed">access</span>.
    </code>

    设置用户信息

    现在你已经可以通过SSH链接到GitHub了,还有一些个人信息需要完善的。

    Git会根据用户的名字和邮箱来记录提交。GitHub也是用这些信息来做权限的处理,输入下面的代码进行个人信息的设置,把名称和邮箱替换成你自己的,名字必须是你的真名,而不是GitHub的昵称。

    <code>$ git config --<span class="keyword eye-protector-processed">global</span> user.name <span class="string eye-protector-processed">"cnfeat"</span><span class="comment eye-protector-processed">//用户名</span>
    $ git config --<span class="keyword eye-protector-processed">global</span> user.email  <span class="string eye-protector-processed">"cnfeat@gmail.com"</span><span class="comment eye-protector-processed">//填写自己的邮箱</span>
    </code>

    SSH Key配置成功

    本机已成功连接到github。

    若有问题,请重新设置。常见错误请参考:

    GitHub Help - Generating SSH Keys

    GitHub Help - Error Permission denied (publickey)

    使用GitHub Pages建立博客

    与GitHub建立好链接之后,就可以方便的使用它提供的Pages服务,GitHub Pages分两种,一种是你的GitHub用户名建立的username.github.io这样的用户&组织页(站),另一种是依附项目的pages。

    想建立个人博客是用的第一种,形如cnfeat.github.io这样的可访问的站,每个用户名下面只能建立一个。

    github上建立仓库

    登录后系统,在github首页,点击页面右下角「New Repository」

    填写项目信息:

    project name:cnfeat.github.io

    description: Writing 1000 Words a Day Changed My Life

    注:Github Pages的Repository名字是特定的,比如我Github账号是cnfeat,那么我Github Pages Repository名字就是cnfeat.github.io。

    点击「Create Repository」 完成创建。

    创建个人主页

    GitHub 为每一个用户分配了一个二级域名<user-id>.github.io,用户为自己的二级域名创建主页很容易,只要在托管空间下创建一个名为<user-id>.github.io的版本库,向其master分支提交网站静态页面即可,其中网站首页为index.html(或者从settings设置里自动设置一个默认主页。 Automatic Page Generetor)

    下面以gotgithub用户为例介绍如何创建个人主页。

    ·        用户gotgithub创建一个名为gotgithub.github.ioGit版本库。

    ·        在本地克隆新建立的版本库。

    ·         $ git clone git@github.com:gotgithub/gotgithub.github.io.git
    $ cd gotgithub.github.io/

    ·        在版本库根目录中创建文件index.html作为首页

    $ printf "<h1>GotGitHub's HomePage</h1>It works.
    " > index.html

    ·        建立提交。

    ·         $ git add index.html
    $ git commit -m "Homepage test version."

    ·        推送到GitHub,完成远程版本库创建。

    $ git push origin master

    ·        访问网址: http://gotgithub.github.io/ 

    最多等待10分钟,GitHub就可以完成新网站的部署。网站完成部署后版本库的所有者会收到邮件通知。

    还有要注意访问用户二级域名的主页要使用HTTP协议非HTTPS协议。

    创建完以后, 等半个小时左右, 属于你的个人主页就配置好了。你可以通过 xxx.github.io 进行访问。其中(xxx为你的Github用户名)

    三 域名选购

    这里我选择的是dnspod。当然, 这样的服务商很多, 比较出名的应该是万网和dnspod。 不过建议使用dnspod, 万网那个后台简直了...

    进入https://domains.dnspod.cn 选择你想要的域名, 购买即可。  我这里的.xyz域名算是最便宜的一种吧。 如果你想学习如何搭建, 建议也买这种的。 9元/年

    域名购买支持支付宝。


    四 绑定域名

    将独立域名与GitHub Pages的空间绑定

    在Repository的根目录下面,新建一个名为CNAME的文本文件,里面写入你要绑定的域名,比如colin1994.xyz

    如下:


    然后到dnspod中, 选择我的域名--->添加一条记录

    如下:



    这里记录类型选择 A.  记录值设置为对应的服务器IP。  也就是你的Github主页的IP。 (获取办法: 打开终端, 输入 ping  xxx.github.io) 即可获得。

    另外,  如果想指定子域名, 比如 blog.xxx.xyz 这样, 那么你可以设置如下:

    主机类型 blog

    记录类型 CNAME

    记录值 xxx.github.io

    然后到你Github中, 设置CNAME的内容为 blog.xxx.xyz

    如此, 即可。

    接下去, 你访问  xxx.xyz  即可自动指定到 xxx.github.xyz 访问个人主页。


    五 更多

    你可以在github中编辑你自己的个人主页, 想怎么玩, 看你自己。

    另外附录一些不错的教程, 以供参考。

    hexo边搭边记

    如何搭建一个独立博客——简明Github Pages与Hexo教程

    一步步在GitHub上创建博客主页 全系列 by pchou(推荐)


  • 相关阅读:
    git --> 工作使用流程
    json-server-----》基本使用
    laravel DB listen 回调追踪产生 sql 语句的代码
    lumen 使用 laravel-cors 的时候, 使用 dd 函数的解决方法
    js 读写 cookie 简单实现
    API Authentication Error: {"error":"invalid_client","message":"Client authentication failed"}
    lumen passport Call to undefined method LaravelLumenApplication::group()
    laravel 嵌套事务
    mysql 5.7 json 字段类型查找、修改
    dingo 内部调用获取异常信息
  • 原文地址:https://www.cnblogs.com/peterYong/p/6556720.html
Copyright © 2020-2023  润新知