通过ssh在服务器用Hexo搭建个人网站-blog、博客
title: 在服务器用Hexo搭建个人网站(blog)
date: 2022-10-16 21:58:49
记录在服务器用Hexo搭建个人网站-blog
前言：
之前就听说有同学搭建了自己的个人网站，或是谁有一台自己的服务器什么什么的…觉得很厉害，然后又一个是正好有学校部门的要求–买服务器以及搭建个人博客。
于是我心血来潮，在周末花重金购置了一台6500分钱一年腾讯云学生机(真的好便宜)。然后用虚拟机的ssh登录服务器再用Hexo搭建自己的第一个个人网站，博客。
我搭建参照zjufangzh大佬的CSDN文章hexo史上最全搭建教程，写得特别好，详细。我自己在搭建过程中遇到一些没有讲过的问题我有补充。但后面有什么觉得不够详细或觉得疑惑的可以参考大佬的文章。
第一部分，购买服务器连接本地Linux系统
在腾讯云实名学生认证（25岁以下都可以）
购置一台的服务器
我选的是Debian11镜像但我有些后悔，应该选带宝塔的镜像的，这样更方便服务器的各种操作，可以界面化地配置各种环境等等。
然后重置密码
Linux要用ssh远程登陆
ssh 用户名@要连接的服务器ip
在腾讯云自带的WebShell输入
ifconfig
看IP
后来发现上面的方法不行，可以就直接用公用的IP（点开服务器网络一栏有）
后面输入用户密码就可以啦
第二部分，hexo基础搭建及部署到GitHub
注：安装后可以用xxx(Git/nodejs...) --version查看版本来检验安装成功与否
安装Git
sudo apt-get install git
安装nodejs和npm
sudo apt-get install nodejs
sudo apt-get install npm
我这里出了点小问题，按照建议apt-get update更新了一下就可以了(遇到类似的可以这样尝试一下)
安装hexo
之前先创建一个文件夹装blog
再进入此文件夹
npm install -g hexo-cli
初始化hexo
hexo init myblog
然后
cd myblog
npm install
后面就有这么一些文件在文件里了
打开hexo服务
hexo g
hexo server
本地浏览器输入localhost:4000就可以看到生成的博客了
但是我是shh连接的服务器，看不了浏览器（哭）
ctrl+c关掉服务
端口占用问题
我当时没有关，放久了没有操作我的虚拟机结果我还没有关掉服务就退出了
然后再重新hexo g hexo server的时候就告诉我4000端口被占用了（应该是没有关掉的那个占用的）
网上说改其他端口，但是我觉得不能就挂着占资源。看了看怎么关闭端口，但是应该是我这个问题比较小众，找不到合适的解决方法。
所以直接万能重启，重启了服务器
shutdown -r now
然后就可以啦
GitHub建库
创建和自己Github用户名相同的仓库
Github用户名.GitHub.io
生成ssh添加到GitHub
git config --global user.name "Github用户名"
git config --global user.email "Github绑定的邮箱"
创建ssh
ssh-keygen -t rsa -C "Github绑定的邮箱"
生成了ssh在提示的目录
打开生成的id_rsa.pup复制到Github的setting里的SSH and Gpk keys
vim复制到截切版
我全选在ctrl+shift+c不行ctrl+c也不行
于是我找了半天，找到这个好用的
在vim中使用 "*y 使用进行复制，然后在应用程序中用ctrl+v粘贴
就可以复制到GitHub了
ssh -T git@github.com
查看成功没有
Github部署hexo
打开之前的那些文件里的 _config.yml到最后进行修改
1deploy:type: gitrepo: https://github.com/GitHub账户/GitHub账户.github.io.gitbranch: master
安装deploy-git
npm install hexo-deployer-git --save
然后重要三件套
以后增加删除或变动blog也是本地弄完后来一套这个三连（小破站串场了（狗头））
hexo clean \\清除以前的文章(比如删掉了本地的文章但不用这个网上的就不会删除)
hexo generate \\生成静态文章 也可以 hexo g
hexo deploy \\部署文章 也可以hexo d
hexo d时要我输入username和password(＃°Д°)
username好办就是GitHub的用户名
但是password却不是GitHub的密码！！
这个问题就是说GitHub今年8月后不支持这样子直接输密码了！！(当时可搞我心态了，刚出没多久的问题可能解决的办法就不多)
捣鼓大半天
后来知道了要用GitHub生成的Personal access tokens来当作上面所需的password
可以点击上面密码失败给提示的网站看官方教程（可以翻译）
找到Personal access tokens选项再点Generate new token
注意注意注意！！！生成的这个token就这一次给人看！一定要用什么记住！以后hexo g就用这个(还好我记到记事本去了，暂时不知道怎么解决就先这样了╯︿╰ )
最后像这样就可以了
然后就在http://Github用户名.github.io 这个网站看到我的博客啦耶耶耶
第三部分，hexo配置，发表文章及图片上载问题
_config.yml文件里进行配置
比如
| 参数 | 描述 |
|---|---|
title
|
网站标题 |
subtitle
|
网站副标题 |
description
|
网站描述 |
keywords
|
网站的关键词。支持多个关键词。 |
author
|
您的名字 |
language
|
网站使用的语言。对于简体中文用户来说，使用不同的主题可能需要设置成不同的值，请参考你的主题的文档自行设置，常见的有 zh-Hans和 zh-CN。
|
timezone
|
网站时区。Hexo 默认使用您电脑的时区。请参考 时区列表 进行设置，如 America/New_York, Japan, 和 UTC 。一般的，对于中国大陆地区可以使用 Asia/Shanghai。
|
大家其他具体的可以去看官方的配置说明
发表文章
hexo new 文章名
然后在source/_post中打开刚刚建立的文件就可以开始编辑了
最后写完了三连
hexo clean
hexo g
hexo d
博客就更新啦
文章及图片上载问题
当然我从虚拟机的ssh连接服务器再用vim编辑实在是太麻烦了，还不能怎么加一些图片。
所以说我安装了WinSCP用来连接windows的主机和服务器来上下载文件
这样我就可以把建立的文章拉到本地写作，编辑。
注意的是图片拉进了.md文件又不显示图片的问题
网上很多解决办法比如下载插件，建立图床什么的。
但是我还是觉定用本地路径显示图片，把文章和图片通过WinSCP一起拷贝到服务器
将本地的Typora的文件>偏好设置>图像设置如下
文章编辑好以后把.md文件覆盖到source/_posts下
！！！自动生成的包含图片文件的文件夹放到source目录下！！！！
我就是生成的包含图片文件的文件夹放到.md文件同一source/_posts下目录下（虽然按理来说应该怎样）不管我怎么搞就是不行
最后
就大功告成啦！！!
通过ssh在服务器用Hexo搭建个人网站-blog、博客相关推荐
- 使用 Github Pages 和 Hexo 搭建自己的独立博客【超级详细的小白教程】
欢迎关注我的专栏:<个人博客搭建:Hexo+Github Pages>,从搭建到美化一条龙,帮你解决 Hexo 常见问题! 推荐阅读:<Hexo 博客优化之博客美化系列(持续更新)& ...
- 使用Github Pages和Hexo搭建自己的独立博客【超级详细的小白教程】
文章目录 ● 前言 ● 入门 ● 安装 Node.js ● 安装 Git • 检验Git是否安装成功 ● 安装Hexo • Hexo 初始化配置 ● 本地查看效果 ● 将博客部署到 Github Pa ...
- 一文教你通过 hexo 搭建自己的个人博客以及配置主题
大家好,我是Smooth,一名大二的前端爱好者,目标成为一名高级前端开发工程师 一文从头到尾教你通过 hexo 搭建自己的个人博客以及配置喜欢的主题 本篇文章将从头到尾详细地教你如何通过 hexo 搭 ...
- GitHub pages + Hexo 搭建自己的个人博客
hexo是一个非常简单简洁的博客系统,因为不喜欢wordpress的臃肿然后就转Hexo. 这是我自己搭建好的博客 第一步:配置GitHub pages 首先需要一个GitHub账号 然后可以 具体可 ...
- Hexo搭建自己的专属博客，连接github数据仓库
文章目录 1.安装Git.node.js.Hexo 1.1 安装Git 1.2 安装node.js 1.3 安装Hexo 1.4 建立hexo站 2.配置到github 2.1 github设置 2. ...
- 基于github和hexo搭建属于自己的博客
虽然网络上已经有很多教程,但还是觉得把搭建过程自己描述下来更好! 操作步骤: 可以自行搜索安装node.js和配置node.js环境,通过cmd命令或终端查看是否成功,成功界面如下: ps:版本可以不 ...
- Github Page+Hexo搭建炫酷个人博客（主题优化基础篇）
上一篇已经把博客搭建好了,这一篇来进行博客的主题优化讲解. 文章目录 配置博客信息 安装主题 配置主题 Scheme 设置菜单 设置侧栏 设置头像(旋转效果) 设置RSS 新建页面 设置代码高亮主题 ...
- 如何使用Hexo搭建属于自己的博客
Hexo安装步骤 Hexo官网 环境准备 Nodejs Git node -v npm -v 安装Hexo npm install hexo-cli -g # cd到你需要创建博客的文件夹 hexo ...
- 搭建WordPres网站（博客网站/内容管理系统-CMS）
一.WordPress简介 WordPress是使用PHP语言开发的博客平台,在支持PHP和MySQL数据库的服务器上,您可以用WordPress架设自己的网站,也可以用作内容管理系统(CMS).建站 ...
最新文章
- idea配置Maven的坑
- 运动桁架下压力信号采集与处理
- Glide @GlideModule 注解使用
- 如何遍历字符串中的单词？
- 【CyberSecurityLearning 18】ACL及实验演示
- 中石油训练赛 - Racing Gems(最长不下降子序列)
- 淘宝一淘网收录部分垂直B2C网站信息
- PowerDesigner数据库设计PDM基于Excel的导入导出总结
- go语言mongdb管道使用
- pytorch+cuda+cudnn下载、安装和配置
- C# 多个点拟合圆并给出圆心坐标
- 社会化分享(附源码)
- html修改字体宋体,html怎么设置宋体
- banner代码分析
- iOS开发：苹果开发者账号第一次新建APP ID以及创建App的步骤
- 智慧时代，如何让路口交通安全又高效？
- 社会治理网格化新华三移动IT助江西铺设综合治理“一张网”
- 五子棋人机大战（Java菜鸟学习笔记）
- RTOS系统 音频player对比分析
- html中常见的水平线