Hexo搭建

最新推荐文章于 2021-12-23 14:25:30 发布
最新推荐文章于 2021-12-23 14:25:30 发布
阅读量304 收藏
点赞数 1
分类专栏： Hexo 文章标签： node.js git javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_48995652/article/details/120392984
版权

文章目录

[Hexo]gitee+coding+阿里云服务器三线部署hexo博客

主要记录云服务器过程,其他步骤有很多教程,都大差不差,也比较简单

记录自己搭建的流程和遇到的头大的问题😑

我的Blog:

  • gitee:鹿鸣屿 (zs236.gitee.io)

  • coding:鹿鸣屿 (太长了)

  • 阿里云服务器:鹿鸣屿 (鹿鸣.top)

  • github和gitee、coding同理

  • github和coding都可以绑定的域名,一个国外服务器,一个国内服务器,访问速度github稍微慢一点,但是影响不大,可以自己选择

    ps :我的域名备案过了,但是coding不识别,绑定不到,不知道因为有中文还是刚备案的原因,哭了🙄,中文域名有挺多奇奇怪怪的问题,所以有了后来的阿里云服务器部署😪

准备工作

下载git:【Git下载】2021年最新官方正式版Git免费下载 - 腾讯软件中心官网 (qq.com)

下载nodejs:下载 | Node.js 中文网 (nodejs.cn)

注册github账号(使用jsDeliver+github搭建免费的cdn)

注册gitee和coding账号(自选)

按需 :域名购买备案和阿里云服务器购买

阿里云新人买服务器还是比较便宜,我买的八十左右一年,好像可以按照这个价钱续费三年

流程

可以分为两个部分:

​ 本地服务器(自己的电脑,用来搭建网站)

​ 远程服务器(gitee,coding,和云服务器:用来存放网站的文件,进行展示)

Git和nodejs安装及环境变量配置

网上有很多教程参考

Git:Win10配置Git环境变量与基本使用_像蚂蚁一样工作，像蝴蝶一样生活-CSDN博客

nodejs:Node.js的安装及环境配置【超详细】_huangfuyk.的博客-CSDN博客_nodejs安装及环境配置

到gitee中设置提交邮箱📪,绑定一个邮箱的话应该是不用动的

image-20210920143638085

生成ssh公钥

如何生成ssh公钥_qaz13177_58_的专栏-CSDN博客_公钥怎么生成

到各个平台添加ssh公钥

下载资源

下载hexo主题:推荐下载链接：gitee的Sakura下载链接

下载cdn文件:zs2367/cdn (github.com)存放网站的资源,可以让网站加载更快

安装hexo

安装hexo

npm install hexo-cli -g

安装hexo-deployer-git

npm install hexo-deployer-git --save

初始化项目

cd D://blog_project
hexo init blog
cd D://blog_project/blog
hexo g //依据网页文件和新的css样式生成新的网站文件
hexo s //启动本地服务器，可以在http://localhost:4000查看网站效果

使用jsDeliver+github搭建免费的cdn:

使用jsDeliver+github搭建免费的cdn - 简书 (jianshu.com)

提交到github仓库上

git init					//初始化
git status 					//查看状态  
git add .  					//把该目录下的所有文件添加到暂存区  
git commit -m '第一次提交' 	// 把暂存区的文件提交到本地库  
git remote add github cdn仓库链接 	//关联远程仓库  
git pull --rebase github master 	//合并远程仓库和本地仓库的冲突  
git push github master 				//推送到远程仓库上  
(jsDeliver不支持加载超过20M的资源，所以一些视频最好压缩到20M以下)

发布仓库：浏览器打开github中新建的cdn，点击release发布, 发布版本号1.0（自定义）
使用方法：

https://cdn.jsdelivr.net/gh/user/repo@version/file
https://cdn.jsdelivr.net/gh/user/repo/file
版本号不是必需的，是为了区分新旧资源，如果不使用版本号，将会直接引用最新资源

修改主题中的文件,想要什么自己更改

Hexo-Sakura主题美化-超详细 CSDN博客

生成部署文件
$ hexo clean
$ hexo g
$ hexo d //上传到远程在码云上的仓库

修改需要上传的路径

image-20210920151252279

部署

Gitee

Gitee创建仓库,开启Gitee Pages服务,首次需要实名认证,一个工作日

image-20210920151738799

强制https

image-20210920151929361

Coding

Hexo博客部署到码云和Coding_过客~励む-CSDN博客_码云和coding哪个人多

同理创建项目,开启网站托管

image-20210920152122054

自定义域名

image-20210920154201576

注意到域名解析中添加CNAME记录

阿里云服务器ECS

到了比较复杂的云服务器阶段,弄了好几次😪,刚开始想在docker中拉个centos镜像安装宝塔部署,失败了几次,以为是容器的原因,容器因为挂载又删除不了,最后干脆就不用docker了,直接安装宝塔,误打误撞成功了,才懂不是容器的原因😫

安装宝塔面板

image-20210920160751375

远程登录服务器,可以使用上面阿里云远程连接直接登录,也可以下载xshell,mobaXterm等软件登录

宝塔面板 安装与使用教程_Yan 小铁匠-CSDN博客_宝塔面板

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && bash install.sh

image-20210920161403486

我们得到登录宝塔面板的URL,初始账号和密码,后续自行更改。

面板地址：http://{您的服务器IP}:8888
初始化：第一次使用会要求初始化配置，请按照提示填入配置信息

在这里选择LNMP进行极速安装，即Linux+Nginx+Mysql+Php。

配置服务器git

hexo博客部署到宝塔面板_vela636的博客-CSDN博客

宝塔操作可以在终端里操作了,输入服务器账号密码,ip就是127.0.0.1,我们只是远程连接

image-20210920161922979

键盘的shift+ins等于黏贴

默认用户是 root
注意如果遇到权限不足使用root用户输入命令即可!!!
vim 命令等于查看,输入vim命令后要先按一下键盘上的 i 进入编辑模式
编辑完成后 按一下ESC键 输入 :wq 保存并退出

1.打开宝塔终端先查看有没有git(自带git就不用再次安装了)

输入 git --version 查看git版本
默认是1.8,也可以自行升级,但感觉没必要
安装命令 yum install git 
会出现一个确认 Is this ok [y/d/N]: 输入y即可
看到该文字Complete 带标 安装成功

2.添加git用户

adduser git

3.添加权限

chmod 740 /etc/sudoers

4.编辑文件

这是文件的路径(也可以点击文件的选项去查找该文件编辑)

vim /etc/sudoers

在文件里找到以下代码

Allow root to run any commands anywhere
root ALL=(ALL) ALL
添加该代码

git ALL=(ALL) ALL

然后按键盘的ESC键后输入:wq保存退出

5.修改权限(可以跳过)

chmod 400 /etc/sudoers

6.设置git密码,注意:输入密码不会显示，输入完成回车即可

后面会用到,尽量简单些,比如root
sudo passwd git

7.切换到git用户,创建 ~/.ssh 文件夹和 ~/.ssh/authorized_keys 文件，并添加权限

su git
mkdir ~/.ssh

按 i 进入编辑，将本地电脑中生成的id_rsa.pub文件中的公钥复制到authorized_keys中，
按ESC，随后输入 :wq ，保存并退出。

vim ~/.ssh/authorized_keys

紧接着添加权限

chmod 600 /home/git/.ssh/authorized_keys
chmod 700 /home/git/.ssh

在本地电脑使用git软件(右键桌面 Git Bash Here) 或者 CMD

输入 ssh -v git@服务器ip(一般用ip)或域名 比如ip为localhost:4000
ssh -v git@localhost 执行后输入yes，不用输入密码说明ssh配置完成
如果用密码那就输密码吧(密码就是通过该命令 sudo passwd git 添加的密码)🐇
如果之前配置过git，可能会出现以下这种错误。
Offending ECDSA key in /c/Users/jonty/.ssh/known_hosts:5 (报错位置)
找到（c:/用户/用户名/.ssh）的 .ssh 文件夹中的known_hosts用记事本打开根据报错位置删除即可。
然后重新执行 ssh -v git@localhost(服务器ip)

8.创建仓库目录及相关配置

切换为root用户
输入该命令： sudo su root ，可能需要输入git密码(前面已设置
/www/wwwroot/ 这些都是文件路径

创建repo目录
mkdir /www/wwwroot/repo
添加权限
chown -R git:git /www/wwwroot/repo
chmod -R 755 /www/wwwroot/repo

创建hexo目录
mkdir /www/wwwroot/hexo
添加权限
chown -R git:git /www/wwwroot/hexo
chmod -R 755 /www/wwwroot/hexo

进入repo目录
cd /www/wwwroot/repo

初始化 git仓库
git init --bare hexo.git

/www/wwwroot/repo/hexo.git 下，
有一个自动生成的 hooks 文件夹。需要在里边新建一个新的钩子文件 post-receive。
编辑文件 键盘 i 进入编辑模式

vim /www/wwwroot/repo/hexo.git/hooks/post-receive

输入以下内容后按ESC后输入 :wq退出并保存

#!/bin/bash
git --work-tree=/www/wwwroot/hexo --git-dir=/www/wwwroot/repo/hexo.git checkout -f

修改权限 到此git仓库已完成配置

chown -R git:git /www/wwwroot/repo/hexo.git/hooks/post-receive
chmod +x /www/wwwroot/repo/hexo.git/hooks/post-receive

到宝塔中创建网站image-20210920163412878

配置ssl证书，记得服务器安全组443端口（https）

image-20210920164802715

在hexo根目录右键Git Bash Here输入以下命令
hexo clean
hexo d -g 部署命令
这时候可能出现权限问题或其他问题，导致部署到git失败。
在宝塔终端输入以下命令即可：
路径都是在8.创建仓库目录及相关配置弄过
chown -R git:git /www/wwwroot/repo/
chown -R git:git /www/wwwroot/hexo/
最后再hexo d -g部署，应该就可以看到部署成功了。

我出现了下面这个问题

image-20210920163801063

参考博客:【 Linux学习】SSH连接时出现Host key verification failed的原因及解决方法以及ssh-keygen命令的用法_欧阳鹏-CSDN博客

第一个方法解决:

输入命令vi ~/.ssh/known_hosts，编辑文件

image-20210920164103660

删除对应ip的相关rsa信息

删除完毕之后，重新执行命令，会要求输入密码。

image-20210920164156421

输入之前的git密码,即可正确执行

可以看到效果

后续解决

hexo d输密码问题
Coding构建计划好像可以hexo d后自动部署
gitee通过Hexo Gitee Pages 自动部署站点

Hexo Gitee Pages 自动部署站点_wujiuqier的博客-CSDN博客

总体总算结束了,后续慢慢优化😴😴😴

万千....
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Hexo使用Coding自动部署
foxscallionBlog
09-11 621
这是我的博客地址->神州部落格 欢迎来访哦······ 在 CODING 中您可以实现代码不落地完成整个项目的开发工作，完善的云端开发环境，让您打开浏览器即可开始编写代码。高可用代码仓库支持 Git/SVN 版本控制，可以进行分支粒度管理、建立代码评审机制 项目完成开发进入测试阶段，CODING 为您提供井然有序的测试协同工具，从编写测试用例、规划测试计划、自动化完成测试，到记录测试结果、产出测试报告并跟踪每一个缺陷，完美衔接开发、测试、产品之间的协同。 持续集成、持续部署、制品库功能为项目的持续
使用 CODING 进行 Hexo 项目的持续集成
weixin_34029680的博客
01-25 169
本文作者：CODING 用户 - 廖石荣 关于持续集成的概念 持续集成指的是，频繁地（一天多次）将代码集成到主干。 持续集成的过程 如图所示： CI 过程：代码编写 -> 源代码库（GitHub or gitlab）-> CI 服务器（代码构建、自动化测试、结果反馈【构建结果】） 涉及 CI 工具：Jenkins、Travis CI、TeamCity、Gitlab CI、C...
在Coding上搭建Hexo个人博客
qq_39110534的博客
01-17 360
在Coding上搭建Hexo个人博客 2019-01-17 16:55 by 张子浩, ... 阅读, ... 评论, 收藏, 编辑 先注册一个Coding账号，然后创建一个项目这个项目的名字应该是{username}.coding.me 安装hexo脚手架 $ npm install -g hexo-cli 建站 ...
【Hexo-Coding】之coding与GitHub双向自动部署
foxscallionBlog
07-23 366
前言 {% blockquote Seth Godin %} 注： 著作权归作者所有。 商业转载请联系作者获得授权，非商业转载请注明出处。 原作者：foxscallion 本文没有授权给任何组织、企业和个人转载，未经作者允许禁止转载！ {% endblockquote %} coding 介绍 在 CODING 您可以实现代码不落地完成整个项目的开发工作，完善的云端开发环境，让您打开浏览器即可开始编写代码。高可用代码仓库支持 Git/SVN 版本控制，可以进行分支粒度管理、建立代码评审机制 项目完成开发
通过coding部署hexo博客
99Savage
06-09 683
通过coding部署hexo博客 在coding上注册账号，并登录 coding链接：https://coding.net/ 创建一个项目，然后再创建一个仓库 在自己的本地上初始化一个hexo博客 注意这里的目录必须是一个空目录，不然在初始化的时候会报错 创建完成后的目录架构 更改hexo的配置文件_config.yml 更改配置文件中的deploy属性 deploy: type: git # 这个是coding上的代码仓库的路径 repo: http
个人博客系统-前后端,基于hexo搭建
10-19
总的来说，基于Hexo搭建个人博客系统，既简单又灵活。无论你是前端开发者，还是对代码不熟悉的普通用户，都能通过Hexo轻松打造属于自己的知识分享空间。而且，随着对Hexo理解的深入，你还可以自定义更多的功能，...
windows 环境下使用 hexo 搭建 blog 平台.md
11-16
windows 环境下使用 hexo 搭建 blog 平台.md
基于Hexo搭建的博客系统源码.zip
11-02
基于Hexo搭建的博客系统源码.zip文件包含了一整套用于创建个人博客的源代码，使得用户可以自定义自己的博客样式和功能。下面我们将详细探讨Hexo的搭建过程、核心组件以及与人工智能的潜在结合点。 1. **Hexo搭建...
用Hexo搭建个人博客共7页.pdf.zip
10-31
【标题】: "用Hexo搭建个人博客共7页.pdf" 这个标题暗示了文档内容是关于使用Hexo框架创建个人博客的详细指南。Hexo是一个快速、简洁且高效的静态站点生成器，尤其适合用来构建个人博客。它基于Node.js，通过简单的...
使用Hexo搭建自己的博客.md
最新发布
07-23
通过使用Hexo搭建个人博客，不仅可以实现知识的积累和个人品牌的塑造，还能提高自身的写作能力和技术水平。希望每位程序员都能够拥有一片属于自己的网络天地，与世界分享自己的精彩故事。 通过上述步骤，你已经掌握...
Hexo+Coding搭建自己的博客网站系列4-加速Hexo博客-附件资源
03-05
Hexo+Coding搭建自己的博客网站系列4-加速Hexo博客-附件资源
Hexo博客开发之——部署到Coding上，kotlin协程和线程
m0_65146387的博客
12-23 1901
之前将博客部署到了Github上，但是由于网络的原因导致网站有时候无法访问，这时候的解决办法是将博客部署到两个服务器上，国外访问时使用Github上的项目，国内访问时使用本文介绍的Coding上 二 列表 hexo博客代码 coding 三 配置SSH 查看C:\Users\用户名\下有没有.ssh文件夹(如果有，id_rsa.pub是要设置的) 如果没有，执行下面的指令生成SSH ssh-keygen -t rsa -C “你的邮箱” 接下来几步中系统会要你输入密码 ( 注
Coding+Hexo博客搭建
m0_46219348的博客
08-09 1135
博主个人博客已经搭建好，可以移步访问 http://lss-coding.top/ description: 本篇文章是我使用 Coding+Hexo 的整体过程。 ​ 在很早很早以前就想着做一个自己的博客系统，因为之前使用的 CS某N 感觉广告太多，别的平台没有怎么使用过，想着自己做一个按照自己想法的博客网站，2020年9月在阿里云购买了一个服务器和一个域名，那时候购买只是想着体验一下，后来2021年1月份左右有想法做一个自己的博客系统，然后第一个版本使用 Spring，SpringMVC，Myb.
Hexo博客开发之——部署到Coding上
我的博客
08-16 304
一 概述 之前将博客部署到了Github上，但是由于网络的原因导致网站有时候无法访问，这时候的解决办法是将博客部署到两个服务器上，国外访问时使用Github上的项目，国内访问时使用本文介绍的Coding上 <!--more--> 二 列表 hexo博客代码 coding 三 配置SSH 查看C:\Users\用户名\下有没有.ssh文件夹(如果有，id_rsa.pub是要设置的) 如果没有，执行下面的指令生成SSH ssh-keygen -t rs
Hexo搭建自己的专属博客，连接github数据仓库
张亚楠的博客
01-04 1344
文章目录1.安装Git、node.js、Hexo1.1 安装Git1.2 安装node.js1.3 安装Hexo1.4 建立hexo站2.配置到github2.1 github设置2.2 Git设置2.3生成SSH公钥和私钥2.4 github设置2.5 新建一篇博客3.发布csdn博客到hexo博客 1.安装Git、node.js、Hexo 1.1 安装Git 在 Windows 平台上安装 G...
mysql find next_GitHub - flymysql/hexo-theme-next-flyme: 自己的hexo博客在next主题上做的修改...
weixin_39640265的博客
02-01 112
这两天花了点时间修改了下自己的next主题的博客变化还是可以的样式表放在了GitHub上喜欢的话可以直接使用直接下载样式表，然后复制到自己主题的themes\next\source\css_custom目录下的custom.styl文件当然前提是你使用的是nexo主题，并且我使用的是next里的mist子主题，其他主题可能不兼容下面是关于next的readme官方文档NexTNexT 是一个高质量...
node mysql 搭建博客_node.js+Hexo+Git搭建个人博客
weixin_39737492的博客
02-08 116
今早上考完试回来，接到腾讯云的每月邮件续费通知。对于一个小开发来讲，买一个云服务器建站最方便不过，但是对于学生党来说还是有些贵。一想明年7月份，云服务器就一元每月变65每月，加上30来块的域名费，每年下来也得花800块，打心底不愿意。于是想捡起老早就建好模型的GitHubPage，300M的免费空间放点静态页面还是管够的，我也没多少交互，评论啊分享啊订阅什么的都由第三方服务代理就好了。这是个无开源...
gitee如何搭建mysql_Windows基于gitee使用hexo搭建个人博客笔记
weixin_30873127的博客
01-27 132
声明"全局变量"(以后我提到的站点配置文件和主题配置文件地址)："站点配置文件"位置为 hexo/_config.yml"主题配置文件"位置为 hexo/themes/next/_config.yml搭建hexo安装hexo命令行中输入以下命令(npm即为Node.js环境，如果卡顿推荐使用cnpm)npm install -g hexohexo初始化找一个文件夹，这个文件夹将来会存储你所有博...
github hexo搭建博客
09-04
使用Github hexo搭建个人博客的过程可以分为以下几个步骤： 1. 准备工作：首先需要安装两个必要的软件，一个是Git用于版本控制，另一个是Node.js用于运行Hexo。可以在官网下载并安装这两个软件。 2. 注册Github账号以及建立仓库：在Github官网上注册一个账号，并创建一个仓库用于存储博客的代码和文件。 3. 本地配置安装Hexo：在本地电脑上配置Hexo环境。打开命令行界面，使用npm安装Hexo，然后初始化Hexo项目。 4. 设置ssh：为了能够将本地的代码推送到Github仓库中，需要设置SSH密钥。可以通过命令行生成SSH密钥，并将公钥添加到Github账号的设置中。 5. 上传测试博客：在本地编写博客的内容，然后使用Hexo命令生成静态页面，并将生成的页面推送到Github仓库中。 以上就是使用Github hexo搭建个人博客的基本步骤。具体的每个步骤可以参考中提供的教程。值得注意的是，如果想要让博客更加美观和炫酷，可以在网上下载一些好看的主题样式，并进行相应的配置。同时，还可以使用hexo-abbrlink等插件来增加博客的功能[2]。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Github+Hexo搭建个人博客(图文详解)](https://blog.csdn.net/weixin_45377770/article/details/105228938)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [hexo+github搭建博客(超级详细版，精细入微)](https://blog.csdn.net/victoryxa/article/details/103733655)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值