如何高效搭建自己的博客

A.下载所需语言软件

  1. Git. Download Now

  2. Cmder. Download Now

  3. Node.js. Download Now

  4. Sublime Text 3. Download Now

  5. Markdown. Download Now

B.登陆GitHub网页进行注册和建库

1. 通过邮箱注册账户名(username),谨慎填写用户名
2. 登陆你的账号后,点击头像,选择your profile
3. 点击Repositories, 然后右上角选择Create a new Repositiories,然后填写自己的博客域名,格式一般为:yourname.github.io (yourname必须和注册用户名一致)
4. 注册和建库结束

C. 建立Blog所需环境(注意程序命令之间的x空格)

1. 通过菜单栏找到Git Bash并打开,然后输入以下指令:

       git config --global user.name "过程B注册的Github用户名"
       git config --global user.email "注册使用的邮箱地址"

      *例子:
       git config --global user.name "fushengrui"
       git config --global user.email "fus1@mcmaster.ca"


2. 在电脑桌面(建议)或者任意系统盘建立一个文件并命名为: Blog 所需环境



3.  打开Cmder 按顺序输入以下指令:

              cd Desktop\blog所需环境
              npm install -g hexo-cli
              hexo init
              hexo g
              hexo server -p 4008
     (Important to Know: 首先,cd 后跟上一步骤建立文件夹的位置,为了方便,建议把文件建立在桌面就可以直接复制粘贴该命令; 其次,  -p 后的数字为任意四位数字)


4. 当hexo server -p 4008运行成功,命令框会提示进入“localhost: 4008"进行网页博客预览。如果失败,重新输入该指令并替换“4008”为其他任意四位数字

D. 建立SSH密匙

1. 打开Git Bash输入以下指令:

     ssh-key gen -t rsa -C "GitHub注册使用的邮箱”

2. 一般情况下,输入完该指令后,命令框会提示你为这个密匙文件夹进行命名,直接输入任意文件名即可;
3. 根据命令框提示密匙所在位置找到该文件;
4. 用Sumblime Text打开该文件,并复制文件中的内容;
5. 打开“github.com/settings/keys"网站,登陆你的GitHub账号,选择增加新的SSH Key;
6. 然后粘贴已复制的内容,并提交。

E.配置博客

1. 在你文件夹“blog所需环境”中找到另一个名为“blog”的文件夹;
2. 进入blog文件夹找到名为“_config.yml"的文件;
3. 用Sublime 打开该文件夹找到如下内容并编辑:


 deploy: 
     type: git
     repo: https://github.com/Github用户名/用户名.github.io.git
     branch: master

    (Important:如果没有repo或者branch这一栏直接打字输入就好。铭记:deploy:, type:, repo:, branch: 后必须要先打一个空格在进行输入)


4. 找到并继续修改其它重要信息(记得每个冒号后加空格)

    title: 输入和修改博客网页显示的博客名
    subtitle: 副标题
    description: 网站描述
    author:作者名
    language:zh-Hans
    timezone: Asia/Shanghai


5. 保存,退出

F.正式域名生产和后续更新博客内容所需步骤

1. 打开 Git CMD
2. 按顺序输入以下指令:

       npm install hexo-deployer-git --save
       hexo clean
       hexo g
       hexo s -p 4008

3. 先打开localhost: 4008网页进行预览,如果效果符合你的预期,键盘按 “Ctrl+C"
4. 在命令框输入以下指令:

       n
       hexo d 

5. 这个时候会弹出一个窗口登陆你的GitHub账户和用户名,域名生成。以后就可以直接在网页输入“xxx.github.io”登陆你的博客啦

G. 调整博客背景页面的主题?

1. 打开网页"http://hexo.io/themes/”并点击选择你喜欢的背景主题

2. 点击后会弹出另一个网页窗口,然后点击绿色按钮“clone or download",然后点击“download ZIP”

   3. 点开该压缩文件并解压文件到之前建立的“blog所需环境”=>"blog” => "themes"

   4. 再次打开文件夹"blog" 的“_config.yml"找到“theme”栏

   5. 在theme栏后编辑你刚下载的“主题的名字”即“下载的文件夹名”,然后保存,记得冒号后加空格;

6. 执行步骤F(跳过过程1直接从过程2的“hexo clean”开始),更新博客即可。


comments powered by HyperComments

-------------本文结束 感谢您的阅读-------------
0%