注意事项:

  1. 我使用的系统是deepin 15.10.1桌面版,不同的Linux系统可能存在差异
  2. 下面教程中很多细节,比如文件路径、github用户名等请根据实际情况修改
  3. 红色字体部分对应的是Linux服务器部署Hexo教程,请根据情况参考教程
  4. 本教程主要写给刚入门的小白,大佬请随意,不喜勿喷,如果发现错误,请留言指正

Step 1 :安装 Git

可以

apt-get install git

或者

yum install git

Step 2 :安装NodeJs

下载压缩包

我并没有使用命令行安装,而是去NodeJs官网下载的压缩包,官网下载地址 ,打开下载10.16.0 Linux版本的NodeJs。

解压缩和重命名

下载完成后,解压到指定的目录下,并且重命名为node,本人的保存的路径为 /home/yremp/node,前面home是根目录下的,yremp是我deepin系统中用户名,后面请根据 实际情况输入路径。

如果使用的Linux服务器,(如果对Linux指令不是很熟悉)可以使用ftp工具,例如FlashFXP 5、MobaXterm等连接服务器,可以先解压缩再将解压后的Nodejs文件夹上传到指定目录,也可以先上传压缩包到指定目录,在压缩包所在目录下执行解压缩命令:

tar -zxvf node-v11.0.0.tar.gz

解压缩完成以后再将解压好的文件夹node-v11.0.0重命名为node(个人强迫症),可以不修改。

为node 和 npm命令设置软链接

ln -s /home/yremp/node/bin/node /usr/local/bin/node  
ln -s /home/yremp/node/bin/npm /usr/local/bin/npm

需要注意的地方:/home/yremp/node/ 这里换成你解压缩后路径和修改的名称,后面的路径是固定的不需要修改。完成后依次输入以下命令:

node -v
npm -v

如果出现对应版本号,则说明安装成功。

Step 3:安装Hexo

安装Hexo

执行下面的代码:

npm install hexo -g

为hexo命令设置软连接:

ln -s /home/yremp/node/lib/node_modules/hexo/bin/hexo /usr/local/bin/hexo

注意上面命令第二个路径和前面路径之间有空格

创建博客根目录

在任意位置创建博客根目录,你自己找得到就行,我在创建的博客目录为: /home/yremp/MyBlog ,和之前的node在一个目录下。 执行如下命令进入博客根目录:

cd /home/yremp/MyBlog

初始化:

执行如下命令初始化博客:

hexo init

执行上面的命令,你会看到它下载很多东西。

在本地运行

使用如下命令:

hexo s --debug -p 8888

执行上面的命令以后,打开浏览器输入 localhost:8888 就可以本地查看你的博客了。

注意,如果使用的是Linux服务器那么可以直接运行进行访问:

hexo s -p 8888 //前提是这个端口在防火墙中设置为可以访问

但是你会发现关闭掉Terminal(终端)后就无法访问,如何解决?我使用Tomcat来运行这个博客项目。在tomcat webspps下新建一个yremp的文件夹,并将hexo g 生生的静态文件放到webapps/yremp下面。 在MyBlog下找到 _config.yml ,修改其中的:

# Directory
source_dir: source
public_dir: /usr/local/tomcat/webapps/yremp/ //这样配置hexo g静态文件地址
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

如果你仅仅想打开你的域名就访问你的hexo 博客,那么你需要配置tomcat 的运行端口为80(http),这个这里不细说百度上面都可以找到很详细的教程。 设置完80端口后, 下面说如何默认访问你的博客,按照如下修改静态文件生成地址:

# Directory
source_dir: source
public_dir: /usr/local/tomcat/webapps/ROOT //tomcat默认访问的项目
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

修改完配置文件后,你需要先清空/tomcat/webapps/ROOT 这个文件夹,然后执行:

hexo g

就算是大功告成,输入域名就可以访问你的博客啦

Linux服务器配置Hexo就算完成啦,我的Hexo放在服务器地址:点击访问

下面是在Linux环境下使用hexo部署到github的教程,需要的小伙伴可以继续阅读

Step 4 :部署到Github

注册Github账号

在Github官网注册账号,请记住自己的Github绑定的邮箱以及Github用户名后面会用到,已有账号的话就不需要注册了。

新建一个仓库用于存放博客

在Github主页点击头像,选择 Your repository,然后new 一个新的仓库,注意这个新仓库有特定的格式:你的用户名.github.io,我后面的例子都将使用我的小号yremp2,所以我的仓库名字:yremp2.github.io 。

配置ssh key

使用ssh key可以在每次提交新的 hexo deploy 指令时不用输入你的用户名和密码,非常的方便。首先在终端输入一下指令配置用户名和邮箱:

git config --global user.name "yremp2"
git config --global user.email "762358691@qq.com"

然后输入以下指令生成密匙:

ssh-keygen -t rsa -C "762358691@qq.com" 

然后它会提示你输入密码和确认密码,按两次回车就行,然后会有包含下面:

Your identification has been saved in /root/.ssh/id_rsa.
Your public key has been saved in /root/.ssh/id_rsa.pub.

的提示以及一个图形,这时候你可以 使用:

vim /root/.ssh/id_rsa.pub

打开这个公匙:大致如下:

如果复制不了,可以在文件管理器中找到这个文件 路径 /root/.ssh/

可以看到文件夹下有几个文件,我们需要打开id_rsa.pub,复制其中的内容:

然后到你的github主页,setting -> SSH and GPG keys,新建SSH key

上面名字随意,下面把刚才复制的公匙内容复制进去,添加SSH key。完成以后,执行以下代码:

ssh -T git@github.com

会有如下提示:

The authenticity of host 'github.com (52.74.223.119)' can't be established.
RSA key fingerprint is SHA256:nThbg6kXUpJWGl7E1IGOCspRomTxdCARLviKw6E5SY8.
Are you sure you want to continue connecting (yes/no)?

输入:yes,会有以下提示:

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

则表示配置成功,就可以下一步操作了。

修改配置文件

在博客根目录MyBlog下找到 _config.yml,可以使用vim命令:

vim /home/yremp/MyBlog/_config.yml

打开这个配置文件,也可以在文件管理器找到找个文件直接打开,

在这个文件最下方,可以找到:

deploy:
  type:

我们需要修改这一部分为:

deploy:
  type: git
  repo: git@github.com:yremp2/yremp2.github.io.git 

repo 就是 yremp2.github.io 这个仓库的地址,如何获取如下:

部署到Github

在博客根目录MyBlog下依次执行如下命令:

hexo clean
hexo g
hexo d

如果在执行hexo d有如下错误:

ERROR Deployer not found: git

请执行以下命令:

npm install --save hexo-deployer-git

然后继续 执行 hexo d ,完成后打开浏览器输入 yremp2.github.io 就可以访问我们的博客啦,你们就输入你的 Github用户名.github.io 就可以访问你们的网站。

以上便是我给大家带来的全部教程,有什么问题欢迎在评论区留言或者联系我。

标签云

ajax AOP Bootstrap cdn Chevereto CSS Docker Editormd Hexo IDEA JavaScript jsDeliver JS樱花特效 Linux markdown Maven MyBatis MyBatis-plus MySQL Pictures Sakura SEO Spring Boot SpringMVC SSR Thymeleaf V2ray Vue Web WebSocket Wechat Social WordPress Yoast SEO 代理 分页 图床 小幸运