原创文章,未经博主许可,禁止转载
这篇是附加了markdown的编译代码的文章,我直接复制粘贴的,这里看不到markdown的效果,可以直接看我的个人博客,比较精美一点 https://yegod.github.io/blog-1/
注意:
( hexo搭建的博客是可以凭自己的喜好换博客的页面主题的,博客的标题,名字可以随意更改,但这里我没有写,主要是为了写个搭建过程的总结,有兴趣的朋友可以看看这个博主的博客最末尾的内容 点击打开链接 )
date: 2018-03-03 11:39:46 tags: Teach 首先我们需要下载一些东西必要的东西,下面给出官方下载链接 [Node.js](https://nodejs.org/en/) [git](https://git-scm.com/downloads) 其次,我们要注册一个自己的GitHub账号,如果有的朋友可以跳过这个步骤,同样下面给出GitHub链接 [github](https://github.com/) 正文: hexo是一种本地搭建博客的工具,其博客的源文件都在自己的电脑里面,可以通过计算机端口去访问自己搭建的博客,过程只要不出现error或者Fatal就没什么问题,可能过程会出现 warn 但可以无需理会 1 以管理员的方式在计算机开始的窗口打开git bash ![1](http://p53kf6ylu.bkt.clouddn.com/1.png) 2 通过git bash来安装Hexo,在git bash界面输入 > 1 npm install -g hexo-cli 3 将git bash的操作界面转至桌面 > 1 cd ~/Desktop 4 新建文件夹,然后将操作界面转至新建文件夹内 > 1 mkdir Blog > 2 cd Blog 5 开始建立并初始化含hexo配置的文件夹myBlog > 1 hexo init myBlog (这个命令能建立myBlog的文件夹并在文件夹内产生访问博客所需的配置文件) > 2 cd myBlog (进入myBlog界面) > npm install (用git bash在myBlog内安装npm) 这些过程操作完成后,能在电脑桌面看见Blog的文件夹,文件夹内含有myBlog的文件,myBlog内的文件就是访问博客所需的配置文件。 这里需要注意的是,hexo所充当的是一种自动打包生成博客文件的工具,其访问博客的源代码文件都在自己的电脑里面,要想在访问这个博客,就需要借助电脑端口。 6 通过git bash 输入命令来获取访问端口 > hexo s 得到的界面如下图,其中 **http://localhost:4000/** 就是访问博客的地址,将这个地址用浏览器打开就能看见自己搭建的博客了 ![2](http://p53kf6ylu.bkt.clouddn.com/2.png) ![3](http://p53kf6ylu.bkt.clouddn.com/3.png) 通过端口访问博客的原理是,源代码文件存在于自己的电脑里面,只需通过本机的端口就能访问到博客,而上面地址中 **4000** 就是本机访问博客的端口号,有些人的电脑可能会被一些软件占用端口而无法访问,这时只需要通过git bash来改端口就能访问了,如下为该端口的命令 > 1 hexo server -p 5000 ![4](http://p53kf6ylu.bkt.clouddn.com/4.png) ![5](http://p53kf6ylu.bkt.clouddn.com/5.png) 但是,目前这个博客只能用你自己的电脑访问,因为别人的电脑是不能访问到你电脑的本地的文件的,这时,我们需要借助github将hexo的文件上传上去并生成一个访问链接,这里,github就充当了一个远程仓库的角色。具体操作如下 1 进去github [github](https://github.com/) 2 注册 登陆 3 找到下图中的这个 **new repository** 新建一个仓库 ![6](http://p53kf6ylu.bkt.clouddn.com/6.png) 4 这里要注意的是,**Repository name** 内要以 **你注册github的名字.github.io** 的格式来填写,然后在图中红圈的地方打勾 (因为我已经建过了,所以图中会显示红色的提示语) 然后点绿色的**Create repository** ![7](http://p53kf6ylu.bkt.clouddn.com/7.jpg) 5 下面我用 **Yegod** 来新建一个仓库做示范,但你们必须要遵循**4**步骤的命名格式来操作,**4**步骤做完就会出现以下界面 ![8](http://p53kf6ylu.bkt.clouddn.com/8.png) 然后可以暂时放着 要想把电脑文件上传到github,需要通过git使用ssh密匙来建立链接 1 如果你是初次安装git 需要配置用户名和邮箱(并不一定是GitHub的用户名和邮箱) 在git bash中输入以下命令 > git config --global user.name "随意名字" > git config --global user.email "随意邮箱" ![9](http://p53kf6ylu.bkt.clouddn.com/9.png) git 使用ssh密匙 1 查看是否存在id_rsa和id_rsa.pub(或者是id_dsa和id_dsa.pub之类成对的文件) > ls -al ~/.ssh 如果显示以下内容 ![10](http://p53kf6ylu.bkt.clouddn.com/10.png) 则说明不存在,需要多输入以下命令 > ssh-keygen -t rsa -C "你的邮箱" 然后不断回车,直到出现以下界面 ![11](http://p53kf6ylu.bkt.clouddn.com/11.png) 2 查看公匙内容,并且将内容复制下来 > cat ~/.ssh/id_rsa.pub 3 登陆登陆你的github帐户。点击你的头像,然后 Settings -> 左栏点击 SSH and GPG keys -> 点击 New SSH key。 然后你复制上面的公钥内容,粘贴进“Key”文本域内。 title域,自己随便起个名字。 点击 Add key。 4 验证 > ssh -T git@github.com 中途会提示(yes/no) 输入yes回车 出现 **Hi xxx! You've successfully authenticated, but GitHub does not # provide shell access.或者其他提示 sucessfully ** 就成功了。 ![12](http://p53kf6ylu.bkt.clouddn.com/12.png) 完成后,我们打开我们建立的文件 Blog-> myBlog 打开_config.yml,这个文件是hexo博客的配置文件,,需要修改以下配置文件内容来与github建立链接 这里我们可以下载**notepad++**来打开这个.yml的文件 需要修改的内容有3个: 1 打开文件后,拉到最末尾的位置 > type:(这里有个空格)git(yml的配置内容的冒号: 后面都是加一个空格然后才加内容的,是一种语法) 2 打开自己的GitHub,打开你刚刚建立的仓库(就是你想把文件上传到的那个远程仓库,你github注册名.github.io) 右侧有一个绿色** Clone download **,点它,然后右上角有个**Use SSH**,复制这个链接**git@github.com:Yegod/Yegod.git** ![13](http://p53kf6ylu.bkt.clouddn.com/13.png) 3 在.yml的type: 下面加如下 > repo:(空格)git@github.com:Yegod/Yegod.git 在repo:的再下一行加 > branch: master 然后保存下来关闭。 完成以上操作,那么就基本完成了,接下来需要将本地hexo的博客文件部署到github就行了 这里要注意的是,部署的时候,git的操作界面一定要在myBlog文件夹里,因为,是要将myBlog的文件部署到github里面。依次输入以下命令 > 1 npm install hexo-deployer-git --save (可能会WARN,但是只要不是error就没问题) > 2 hexo d > 3 hexo g 如果操作有误可以通过输入 > hexo clean 然后重新完成部署的操作 完成以上操作后再刷新以下自己的GitHub,然后打开我们新建的那个远程仓库,会看到文件已经成功上传到GitHub里面了 ![14](http://p53kf6ylu.bkt.clouddn.com/14.png) 在上面那个界面,仓库的栏目有一个**settings** 点开后将界面拉到**Github Pages**的位置,将**none**改为**master branch** ,然后点**save**保存,然后你就能在**Github Pages**的界面看到访问链接了 ![16](http://p53kf6ylu.bkt.clouddn.com/16.png) 复制那个链接在浏览器打开 ![17](http://p53kf6ylu.bkt.clouddn.com/17.png) OK!博客搭建完成!! 如果要添加博客, 只需要打开git bash 输入 > hexo new "你想命名的博客名字" 打开本地 myBlog-> source-> _posts ,里面都是你博客的文章,用编译器打开编写博客保存 然后重新把本地更新后的hexo的内容部署到github里面 > hexo d > hexo g 然后打开博客就能看到博客内容了