美文网首页收集资源点滴Pocket
使用Github建立个人博客

使用Github建立个人博客

作者: TimFei | 来源:发表于2015-01-24 22:03 被阅读4420次

    注:只针对于Windows系统。

    注册Github

    Github

    安装所需软件

    Git
    Node.js

    安装hexo

    在任意位置右键,选择Git Bash

    npm install -g hexo
    

    创建hexo文件夹

    在任意盘创建一个文件夹(E:\hexo),在该文件夹下右键--Git Bash。执行以下命令

    hexo init
    

    该命令会将hexo所需文件自动下载到hexo文件夹下。

    安装依赖包

    npm install
    

    查看本地运行效果

    hexo generate
    hexo server
    

    输入完以上命令打开浏览器输入网址localhost:4000查看,运行显示了相关页面说明成功。当前网站建立在本地而已。

    配置本机的ssh key

    通过ssh keys就可以将本地的项目与Github关联起来

    检查本机ssh key

    cd ~/.ssh
    

    提示:没使用过Git就会显示:No such file or directory

    生成新的ssh keys

    $ ssh-keygen -t rsa -C "邮件地址@youremail.com"
    Generating public/private rsa key pair.
    Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回车就好>
    

    注意:-C为大写的C
    接下来会让你输入密码

    Enter passphrase (empty for no passphrase):<输入加密串>
    Enter same passphrase again:<再次输入加密串>
    

    注意:输入密码时是不会显示密码的,依次输入就好了
    如果显示为下界面,就设置ssh key成功了


    添加ssh key到Github

    1、搜索本机上的id_rsa.pub文件。或在C:\Documents and Settings\Administrator.ssh\id_rsa.pub路径下找到该文件。以记事本打开,复制其中的内容
    2、进入自己的Github,右上角齿轮setting---左边列表SSH keys---Add SSH key。将内容复制到文本框(不会取title名字)。
    注意:这时Github会给你的邮箱发送一封邮件,打开邮件确认下就好了。

    测试

    ssh -T git@github.com
    

    如果是以下反馈

    The authenticity of host 'github.com (207.97.227.239)' can't be established.
    RSA key fingerprint is 16: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)?
    

    输入yes

    Hi yourusername! You've successfully authenticated, but GitHub does not provide shell access.
    

    这时候说明能够通过SSH链接到你的Github了,接下来完善一下你的个人信息。
    Git会根据用户的名字和邮箱来记录提交。GitHub也是用这些信息来做权限的处理,输入下面的代码进行个人信息的设置,把名称和邮箱替换成你自己的,名字必须是你的真名,而不是GitHub的昵称。

    git config --global user.name "Tim"//用户名
     git config --global user.email  "tim@gmail.com"//填写自己的邮箱
    

    使用Hexo克隆主题

    hexo clean
    hexo g
    hexo s
    

    自己使用的是Yilia主题,比较喜欢,以这款主题为例。

    http://litten.github.io/2014/08/31/hexo-theme-yilia/

    克隆主题

    git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
    

    配置

    修改hexo根目录下的 _config.yml : theme: yilia

    更新

    cd themes/yilia
    git pull
    

    部署Github前需要配置_config.yml文件

    deploy:
      type: github
      repository: http://github.com/username/username.github.io.git
      branch: master
    

    username为你的github用户名
    注意:type:空格github。都要使用空格,自己遇到过这个问题,结果怎么都上传不上去,所以提醒下。

    上传

    hexo clean
    hexo g
    hexo d
    

    会让你输入用户名和密码,依次输入就好。

    本地查看

    hexo g
    hexo s
    

    浏览器输入localhost:4000,查看主题是否成功。

    将独立域名和Github空间进行绑定

    • 打开Github--空间Repository的根目录下--点击“+”creat a new file--命名为CNAME,文本框中输入自己需要绑定的域名。
    • 点击右下角的【Download ZIP】,下载项目,解压压缩包,将其中的CNAME文件复制到,hexo根目录下。
    hexo g
    hexo d
    

    DNS设置

    注册DNSPOD,添加域名

    • 192.30.252.153
    • 192.30.252.154

    以上为github提供的ip

    Godaddy修改DNS地址

    1、登陆自己的账户



    2、点击自己想要修改的域名右上角的齿轮



    3、进入NAMESERVERS,添加以下内容

    等待DNS刷新

    可能需要等待一段时间。

    写文章

    路径E:\hexo\source_posts下新建文件就可以了 XXX.md
    使用Markdown语法进行书写
    简书Markdown语法指南
    注意:文档最上面写

    title:你的文章名字
    ---
    

    这样就是一个标题,点击后能够查看全文。

    以上内容是主要来自以下博客,加入了一点点自己在搭建过程中遇到的困难的解决办法。

    相关文章

      网友评论

      • 加乘:大家好~想问下为什么每次deploy 后cname都不见啦😢,,,好奇怪。。。
      • 7ec1c004a5da:你好,我今天也试着按照步骤做了,但是感觉主题没有上传到 github 的样子,反正很丑,没有测试的时候漂亮。
        具体来说,就是 hexo server 的时候,显示效果和预期一样,hexo deploy 后,访问自己的博客,显示的很丑。
      • 6d7bd1b04404:哈哈来折腾试试
      • 文青程序猿:mark一下,有空来折腾

      本文标题:使用Github建立个人博客

      本文链接:https://www.haomeiwen.com/subject/euahxttx.html