帮助中心

对于常年需要学习新东西的人们,经常想把学过的一些东西整理一下。于是写博客就成了很多人整理自己学习过的东西的很好的方式。有人选择在一些成熟的平台上管理自己的博客,比如知乎,CSDN,简书这些平台。不过在别人的平台上写东西很容易受到各种限制,内容也有各种各样的要求。哪有比自己搭一个私人博客网站更自由呢。一.效果展示经过特别简单的配置(大概几个小时),一个属于个人的博客网站就搭好了,可以开始更新自己的内

当前位置: 首页  >> 新闻中心  >> 帮助中心  >> 查看详情

如何在服务器上用hexo框架搭建一个个人博客

浏览量:1130 时间:2023-08-16 05:34:05

对于常年需要学习新东西的人们,经常想把学过的一些东西整理一下。于是写博客就成了很多人整理自己学习过的东西的很好的方式。有人选择在一些成熟的平台上管理自己的博客,比如知乎,CSDN,简书这些平台。不过在别人的平台上写东西很容易受到各种限制,内容也有各种各样的要求。哪有比自己搭一个私人博客网站更自由呢。

一.效果展示

序列号 CPU RAM HDD 带宽 售价(美元) 免费试用
香港服务器1 E5-2620 32G 1T HDD 50M/无限流量 $196.00 立即申请
香港服务器2 E5-2650 32G 1T HDD 50M/无限流量 $256.00 立即申请
香港服务器3 E5-2680 32G 1T HDD 50M/无限流量 $316.00 立即申请
香港服务器4 E5-2690 32G 1T HDD 50M/无限流量 $336.00 立即申请
香港服务器5 E5-2697 32G 1T HDD 50M/无限流量 $376.00 立即申请
香港服务器6 E5-2620*2 32G 1T HDD 50M/无限流量 $376.00 立即申请
香港服务器7 E5-2650*2 32G 1T HDD 50M/无限流量 $436.00 立即申请
香港服务器8 E5-2680*2 32G 1T HDD 50M/无限流量 $476.00 立即申请
香港服务器9 E5-2690*2 32G 1T HDD 50M/无限流量 $556.00 立即申请
香港服务器10 E5-2697*2 32G 1T HDD 50M/无限流量 $596.00 立即申请
香港服务器11 E5-2680v4*2 32G 1T HDD 50M/无限流量 $696.00 立即申请
香港服务器12 E5-2698v4*2 32G 1T HDD 50M/无限流量 $796.00 立即申请

经过特别简单的配置(大概几个小时),一个属于个人的博客网站就搭好了,可以开始更新自己的内容了,毕竟内容才是最重要的啊。

效果如下:

二.前期准备

经过总结前人的经验,我把搭建一个个人的博客分为大概三种可行的方案:第一种方案:搭建一个通过Github pages访问的博客网站。但是这样的话只能通过访问 github用户名.github.io的方式访问自己的博客网站,毕竟不够炫酷,但是是免费的。于是有了第二种方案。第二种方案:把 github用户名.github.io绑定到自己的域名,购买一个域名需要一定的费用。第三种方案:把博客系统放到自己购买服务器上,这样能通过服务器的IP地址访问博客网站,绑定域名后可以通过域名来访问。这是最炫酷的方式,而且网站还需要经过备案。

2.1 选择一个博客框架

为了避免重复造轮子,也为了简单和高效起见,我们需要选择一个已有的博客框架,再在这些框架的基础上搭建。有很多还不错的开源博客框架可以选择。简单列举几个:- Jekyll- hugo- django- hexo

经过比较,发现hexo框架还不错,有比较好的扩展性和很大的用户基础。于是Tom就选了hexo作为博客的框架。想选择其他框架的请参照具体官网文档,和他们的GitHub issues。

2.2 hexo框架的简介

Hexo 特点

支持Markdown: 支持Markdown意味着你可以把经历从排版中解放出来

轻量: 无需拥有后台及数据库,专心写好你的文章

一键部署: 可以通过Git或者ftp来将生成的静态页面部署到服务器或者主机空间中

插件丰富: 丰富的插件可以满足你的各种需求

2.3 配置必要的环境

搭建前期需要四个工具

Hexo:Hexo快速、简洁且高效的博客框架

Node.js:建立在Chrome上的JavaScript运行引擎

Git:一款免费、开源的分布式版本控制系统

GitHub:国内一款面向开发者的云端开发平台,提供代码托管,运行空间,质量控制,项目管理等功能安装

安装必要的配置环境,如果已经安装过,可以跳过。

2.3.1 安装Git

找到Download,安装自己对应的系统版本,系统会自动判定你当前版本,推荐下载,如果没有推荐,那就自己选择吧。

安装完后,用win+R打开cmd界面,输入

$git--version

出现git的版本信息说明安装成功。

然后熟悉一下Git管理Github项目的常用命令,理解一下他们的关系,感受一下git版本和分支管理的强大之处。

2.3.2 安装Node.js

安装node.js记得选择add to path选项,或者手动配置环境变量。把node所在的bin目录加入环境变量。用win+R打开cmd界面,输入

$node

出现node.js的版本信息说明安装成功。

同理系统依然会判定你的系统并给出稳定推荐的版本和尝鲜版,两种,供君选择。下载安装步骤同样省略。

2.3.3 GitHub账号注册

GitHub账号注册过程很简单,注册流程就省略,完成之后,就开始创建博客了。注册完成后,创建名字为 username.github.io 的仓库,username是你的github用户名。记住一定是这个名字的仓库,不然会出问题的。

2.3.4 安装Hexo

前面的所有工具安装完成后,在git bash或者cmd界面中使用npm安装hexo。

$npminstall-ghexo-cli

进阶安装和使用,对于熟悉 npm 的进阶用户,可以仅局部安装 hexo 包。

$npminstallhexo

安装 Hexo 完成后,请执行下列命令查看安装hexo的版本信息。

$hexoversion

然后运行以下命令,Hexo 将会在指定文件夹中新建所需要的文件。这个指定的文件夹就是保存你的博客站点所有文件的地方。

$hexoinit$cd$npminstall

站点文件包含以下的文件

.├──_config.yml//网站的配置文件├──package.json//应用程序的信息├──scaffolds//模版文件夹。当您新建文章时,Hexo会根据scaffold来建立文件。├──source//资源文件夹是存放用户资源的地方。除_posts文件夹之外,开头命名为_(下划线)的文件/文件夹和隐藏的文件将会被忽略。Markdown和HTML文件会被解析并放到public文件夹,而其他文件会被拷贝过去。|├──_drafts|└──_posts└──themes//主题文件夹。Hexo会根据主题来生成静态页面。

安装git,hexo,node.js后,熟悉相关命令。不同系统环境下安装遇到的问题请参考官方文档,官方文档支持中英文,很方便。

三.hexo框架搭建博客3.1 建立hexo项目,本地localhost:port访问

在上一步生成了站点文件夹后,其中会有一个默认主题以及一个hello-word的默认文章。所以我们可以先生成博客来看一下效果,在站点所在目录打开git bash运行命令:

$hexogenerate//可以简写成$hexog

然后hexo会开始生成博客,生成结束后,文件夹下会多出一个public的文件夹,这个文件夹就是hexo生成的一个完整的静态网站,也就是我们的博客。网站生成好了,我们要浏览它,所以要开启一下hexo自带的服务器,运行命令:

$hexoserver//可以简写成$hexos

这时候,打开浏览器,输入localhost:4000即可访问博客网站。如果出现端口冲突,可以使用如下的命令指定其他端口。再使用localhost:port去访问。

$hexoserver-pport//可以简写成$hexog-pport3.2 远程部署,绑定SSH,域名访问

远程部署指的是,博客在我们本地生成好了以后部署到远程仓库去,如果远程仓库支持pages服务的话,那就可以通过这样的方法发布和更新博客。要使用远程部署需要先安装hexo-deployer-git,注意,这是适用于git类型仓库的方法,其他仓库的方法在官网中有说明。

运行命令

$npminstallhexo-deployer-git--save//安装hexo-deployer-gitpackage

安装好hexo-deployer-git后,修改博客目录配置文件_config.yml中的deploy字段,用记事本打开就可以:

deploy:type:git//pages部署仓库类型repo://git仓库项目地址,你建立的用户名.github.io仓库branch://分支,默认是mastermessage://自定义提交说明,这个字段可以没有,用于描述你的提交

再运行

$hexodeploy

打开github的repo,发现你的仓库里已经有了文件,这是生成的博客网站的静态文件。也就是本地博客文件夹中的public 或者.deploy_git中的内容。hexo生成了你的博客网站的静态文件。在浏览器地址栏输入http://username.github.io就可以访问你的个人博客网站了。很炫酷吧。

Git使用https协议,每次pull, push都要输入密码,相当的烦。使用git协议,然后使用ssh密钥。这样可以省去每次都输密码。为了方便你的博客的提交,你可以进行git与repo仓库的SSH绑定。

SSH绑定git仓库的特点:

ssh方式单独使用非对称的秘钥进行认证和加密传输,和账号密码分离开来,不需要账号也可以访问repo。

生成和管理秘钥有点繁琐,需要管理员添加成员的public key。不能进行匿名访问,ssh不利于对权限进行细分,用户必须具有通过SSH协议访问你主机的权限,才能进行下一步操作,比较适合内部项目。

四.更换主题4.1 给你的博客选择一个主题

经过以上的配置,你的博客网站已经跑起来了。不过是不是有点丑呢?看来需要进一步的美化我们的网站啊。当然Hexo,也大力支持我们的想法,Hexo提供了很多漂亮的主题供我们选择。Hexo主题。是不是发现有很多主题让你眼花缭乱了,如果不知道应该选哪一个,可以听一听来自前人的建议。

4.2 更改相关配置

找到自己喜欢的主题,把对应的主题下载到本地站点文件夹下的themes文件夹下。Tom选择了一个名为Butterfly的主题。想要让这个主题应用到我自己的站点上。需要进行如下的操作。

下载主题

找到下载主题的Github repo地址,在站点文件夹下右键打开git bash,输入命令

$gitclone-bmasterhttps://github.com/jerryc127/hexo-theme-butterfly.gitthemes/Butterfly

如果想要安装比较新的dev分支,可以

$gitclone-bdevhttps://github.co

24小时服务器机房客服
帮助中心
  • 24H在线
  • Tg纸飞机