注意事项:
- 我使用的系统是deepin 15.10.1桌面版,不同的Linux系统可能存在差异
- 下面教程中很多细节,比如文件路径、github用户名等请根据实际情况修改
- 红色字体部分对应的是Linux服务器部署Hexo教程,请根据情况参考教程
- 本教程主要写给刚入门的小白,大佬请随意,不喜勿喷,如果发现错误,请留言指正
Step 1 :安装 Git
可以
apt-get install git
或者
yum install git
Step 2 :安装NodeJs
2.1 下载压缩包
我并没有使用命令行安装,而是去NodeJs官网下载的压缩包,官网下载地址 ,打开下载10.16.0 Linux版本的NodeJs。
2.2 解压重命名
下载完成后,解压到指定的目录下,并且重命名为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(个人强迫症),可以不修改。
2.3 设置软链接
ln -s /home/yremp/node/bin/node /usr/local/bin/node
ln -s /home/yremp/node/bin/npm /usr/local/bin/npm
为node 和 npm命令设置软链接,需要注意的地方:/home/yremp/node/ 这里换成你解压缩后路径和修改的名称,后面的路径是固定的不需要修改。完成后依次输入以下命令:
node -v
npm -v
如果出现对应版本号,则说明安装成功。
Step 3:安装Hexo
3.1 安装Hexo
执行下面的代码:
npm install hexo -g
3.2 设置软连接
ln -s /home/yremp/node/lib/node_modules/hexo/bin/hexo /usr/local/bin/hexo
注意上面命令第二个路径和前面路径之间有空格
3.3 创建博客目录
在任意位置创建博客根目录,你自己找得到就行,我在创建的博客目录为: /home/yremp/MyBlog ,和之前的node在一个目录下。 执行如下命令进入博客根目录:
cd /home/yremp/MyBlog
3.4 初始化博客文件
执行如下命令初始化博客:
hexo init
执行上面的命令,你会看到它下载很多东西。
3.5 运行访问客
使用如下命令:
hexo s --debug -p 8888
执行上面的命令以后,打开浏览器输入 localhost:8888 就可以本地查看你的博客了。
注意,如果使用的是Linux服务器那么可以直接运行进行访问:
hexo s -p 8888 //前提是这个端口已经放行
但是你会发现关闭掉Terminal(终端)后就无法访问,如何解决?
3.5.1 使用screen
这是我后面更新的一个教程,【Linux服务器上一直运行Hexo】。
3.5.2 使用Tomcat
我使用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
4.1 注册Github账号
在Github官网注册账号,请记住自己的Github绑定的邮箱以及Github用户名后面会用到,已有账号的话就不需要注册了。
4.2 新建博客仓库
在Github主页点击头像,选择 Your repository,然后new 一个新的仓库,注意这个新仓库有特定的格式:你的用户名.github.io,我后面的例子都将使用我的小号yremp2,所以我的仓库名字:yremp2.github.io 。
4.3 配置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.
则表示配置成功,就可以下一步操作了。
4.4 修改配置文件
在博客根目录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 这个仓库的地址,如何获取如下:
4.5 部署到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 GC Github Hexo IDEA JavaScript jsDeliver JS樱花特效 JVM Linux Live2D markdown Maven MyBatis MyBatis-plus MySQL Navicat Oracle Pictures QQ Sakura SEO Spring Boot Spring Cloud Spring Cloud Alibaba SpringMVC Thymeleaf Vue Web WebSocket Wechat Social WordPress Yoast SEO 代理 分页 图床 小幸运 通信原理
Comments | 3 条评论
博客作者 匿名
#私密# `(⌒▽⌒)`
博客作者 匿名
HHHHEXo
博客作者 .
@匿名 是群友不