【知识分享】关于建立GitHub个人博客的问题和解决办法

前言

GitHub是可以共享,存储的平台,我们可以用它:

1.管管自己代码:类似一个程序员专版的Onedrive。当然也不仅仅是代码,任何文件都支持(不少人用GitHub来写博客,也就是使用Github Pages服务)。它会自动帮你记录代码的修改,在必要的时候,能够帮助你快速回退到之前的历史版本。

2.抄抄大佬作业:GitHub是世界顶级开发者的聚集地,在这里你几乎可以找到任何你想要的东西。上面分享有许多优秀、著名的开源项目,在遵守其License的前提下,你可以免费使用、下载这些开源项目。这也是GitHub最为吸引人的地方。

3.其它的学习进步:分享的同时会得到社区的回馈学习,能力提升,或者像在B站做up主一样在Github做一个大佬。

接下来就浅浅说下作为个人博客的用处吧:

大致叙述一下我们为什么要用GitHub+Hexo搭建博客吧!

一般网站需要两个东西:程序+服务器(放程序的地方)比如你访问知乎,实际上是访问知乎服务器上的程序。Hexo可以理解为用来生成博客页面的程序。Github仓库相当于服务器,用来存放Hexo生成的index.html等文件。

而github pages是仓库的一个属性,github仓库才创建的时候是不能作为服务器的,需要设置githubpages属性才行。在本地电脑上用hexo生成了博客页面,上传到github的仓库,就可以让大家访问仓库下的页面了【1】,也就是访问博客。这就是Hexo的原理

[注]【1】Hexo怎么工作?

每次运行 hexo g 命令,hexo(node.js程序)会遍历你的 source 目录,建立索引,根据你 theme 文件夹的主题生成页面到 public 文件夹。这时 public 文件夹就是一个纯由 html javascript css 等内容制作的博客,而这些恰好能在 git pages 识别。最后 hexo d 将 public 文件夹的内容复制到临时目录,以 git 方式 push 到 github 的指定项目的指定分支,由 github 进行显示.

相关步骤

前摇过长~现在开始!

  1. 其次需要用到node.js和Git,这两个是HEXO运行所需要的。
  2. git账号注册:这是简单步骤就略过了!
  3. 安装Hexo:在某处创建文件夹(一定要空的!!) 
    npm install -g hexo  #用来安装
    hexo -v    #用来检验

    出现这个反馈就是没问题了

  4. 往文件夹里面安装

hexo init    #安装到文件夹

(等待)

【知识分享】关于建立GitHub个人博客的问题和解决办法_第1张图片

出现这个问题不要慌,我是重新安装一下node.js就搞定了,可能瞎猫撞到死耗子咯!

【知识分享】关于建立GitHub个人博客的问题和解决办法_第2张图片

正常情况下出现这样,接着就可以 install了!

6.输入

npm install

安装所需组件。

7.接着一套代码敲入~启动本地服务器! 

hexo g
hexo s

【知识分享】关于建立GitHub个人博客的问题和解决办法_第3张图片这是完成后的表现,用浏览器访问 http://localhost:4000 就可以看见刚刚往文件夹里写入的东西在本地服务器上的表现了!

 在这里插入图片描述

它应该是这样

 好嘞如果做到这一步,你可以喝口茶啦!

接下来就是GitHub端的操作了

首先我们需要走官方途径创建自己的博客,即注册-登录-个性化环节

之后在本地文件夹:右键 -> Git Bash Here,设置用户名和邮箱

git config --global user.name "GitHub 用户名"
git config --global user.email "GitHub 邮箱"

创建 SSH 密匙

输入 

ssh-keygen -t rsa -C "GitHub 邮箱"

然后一路回车。

添加密匙:

进入 [C:\Users\用户名\.ssh] 目录,打开 id_rsa.pub 文件,把它复制到——

登陆 GitHub-Settings -左边栏的 SSH and GPG keys-点击 New SSH key

Title 随便写一个,粘贴复制的 id_rsa.pub 内容到 Key 中,点击 Add SSH key 完成添加。

【知识分享】关于建立GitHub个人博客的问题和解决办法_第4张图片

验证搞定没有:文件夹右键Git Bash here,输入 

ssh -T [email protected]

【知识分享】关于建立GitHub个人博客的问题和解决办法_第5张图片

正确结果应该是这样

接着~

GitHub 主页右上角加号 - New repository:

Repository name 中输入 用户名.github.io

勾选 “Initialize this repository with a README”

最后点击 Create repository 创建。

【知识分享】关于建立GitHub个人博客的问题和解决办法_第6张图片

创建后默认自动启用 HTTPS,博客地址为:https://用户名.github.io

好了,最最重要的一步!

本地博客测试成功后,就是上传到 GitHub 进行部署,使其能够在网络上访问。

首先安装 hexo-deployer-git

npm install hexo-deployer-git --save

然后修改 _config.yml 的最后一段内容:

deploy:
  type: git
  repository: [email protected]:用户名/用户名.github.io.git
  branch: master

完成后运行 

hexo d

 将网站上传部署到 GitHub Pages。

【知识分享】关于建立GitHub个人博客的问题和解决办法_第7张图片

好嘞好嘞~这就搞定了

去用户名.github.io看看搭建好的博客吧!

你可能感兴趣的:(github,git)