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