Hexo 个人博客搭建

老早就想搭建一个属于自己的个人博客了,之前也弄过一个,后台到前端完全原生自主编写,可是终究还是太年轻,很多东西都不会,也不懂得坚持,慢慢就荒废了。加上几次的服务器变更,再加上工作没精力打理,之前的个人博客已经完全荒废了。经过2018年一年时间的沉淀,决定再次搭建一个属于自己的博客了,之前一直在 博客园 潜水,平时也没怎么输出,记录几个随笔。2019年,决定好好地写一下博客。计划每周写一篇吧,以周为单位,不断吸取新的东西,整理输出。

开始前

本篇主要记录如何将 hexo 博客部署到服务端,因此 git 和 node 的安装和配置需要自行准备。

操作系统&环境

  • 本地:Windows10
  • ECS服务器:Ubuntu18.04(阿里云)
  • 安装 git
  • 安装 node

Hexo 安装

$ npm install -g hexo-cli
$ hexo init <folder>
$ cd <folder>
$ npm install

部署到服务器

hexo 安装和配置好主题之后便是日常的写作发布了,可是要怎么才能比较优雅地写作及发布呢?参考了网上的做法以及考虑到后期自己需要 DIY 的需求,决定在本地环境生成博客静态文件,然后通过 git 推送到服务器 git 仓库,再设置 git-hooks 来进行自动部署。具体思路如图:

服务器端配置

由于自个的 Linux 和 git 都不是很好,因此在这一块耗了很长时间(在此立个flag,要认真研究一下!)。好啦,下面将会是一堆命令操作,用惯 Windows 可能会不大适应~_~不要紧,按顺序一步一步来。

mkdir -p /var/www/blog // 创建存放博客静态文件的目录
useradd git // Linux增加一个 git 用户
passwd git // 设置 git 用户的密码
su git // 切换到 git 用户
cd /home/git/ // 如果没有 /home/git 目录则自行创建
mkdir repos && cd repos
git init --bare blog.git // 创建一个 git 裸库
cd blog.git/hooks
vi post-receive // 创建hook钩子函数,并输入以下内容

post-receive:

#!/bin/sh
git --work-tree=/var/www/blog --git-dir=/home/git/repos/blog.git checkout -f

保存完毕后继续以下命令

chmod +x post-receive // 赋予执行权限
exit // 退出 git 用户
chown -R git /home/git/repos/blog.git // 将 blog.git 文件夹及文件夹下所有文件所有者设置为 git 用户
chown -R git ~/.ssh // 原理同上句,如果没有 .ssh 文件夹请自行创建

上面就是服务端所要的配置,在执行命令的时候可能会报错,可以参考文末“参考”部分解决。

Windows 本地配置

打开 "Git Bash" 命令行工具,执行以下命令

ssh-copy-id -i C:/Users/yourname/.ssh/id_rsa.pub [email protected]_ip // 将公钥复制到服务器上
ssh [email protected]_ip //测试是否无需密码登录

如果没有报错就可以打开 hexo 博客项目,否则按照报错提示去找解决方法。
在博客跟目录打开 _config.yml 主配置文件找到 deploy 属性进行以下配置:

deploy:
  type: git
  repo: [email protected]_ip:/home/git/repos/blog.git
  branch: master

然后在博客根目录执行以下命令

hexo g // 生成静态页面文件
hexo d // 部署到服务器

至此个人博客已经上传到ECS云服务器上了,至于要怎么给外界访问,就要使用 Nginx、Apache等 web 服务器软件咯。具体配置,待续。。。

参考

原文地址:https://www.cnblogs.com/fiy-noob/p/10262335.html

时间: 2024-08-29 03:17:35

Hexo 个人博客搭建的相关文章

Hexo+git博客搭建

前言 早就想换一换我之前使用的wordpress博客了,昨天偶然看到一个学长的博客感觉前端简洁大气,于是查了一下他所用的Hexo这个博客框架.从doc来看使用简单,md的编辑方式很高效,浏览了一下主题也有几个不错的,于是趁着考试周之前的日子赶紧把博客搭建起来了. 搭建的环境是Mac+Ubuntu14.04 本地安装搭建博客 本地安装hexo框架 先使用homebrew安装npm: 1 brew install npm 使用npm安装Hexo 1 npm install hexo-cli -g 安

U盘便携式hexo&amp;博客搭建&amp;极速纯净低bug主题推荐&amp;部署到coding&amp;SEO优化搜索

指南:U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索 U盘便携式hexo随处写博客 简述:在任意一台联网的电脑上续写hexo博客,一个U盘+几个网站即可搞定.便携式hexo,其免去Nodejs 和 Git 的安装和配置还包含了配置和懒人脚本.好处就是省事.简单.方便 便携式hexo下载及使用方法,由 HEXO Portable | 比特萌信息技术 免费提供服务.(这里使用的版本是1.0.3) 几个网站: 折腾选用:hexo中文文档

基于hexo创建博客(Github托管)

基于hexo的博客 搭建步骤 1.依赖文件下载 Node.js 2.Hexo的安装 3.部署到Github 4.Hexo创建博客基本操作 5.Hexo主题皮肤更换 依赖文件Node.js 首先要安装node,npm 前端支持的基础文件 npm包管理,使用cnpm下载速度更快 npm install -g cnpm --registry=https://registry.npm.taobao.org Hexo框架安装 1.框架安装 cnpm install -g hexo-cli 2.创建一个空文

Hexo+Github博客最简教程-Dockerfile自动搭建

闲谈 拿出你的气质,打开你的电脑,借你半小时搭建好属于你的hexo博客,小生用dockerfile自动帮你搭建好:你只需要在你的mac或linux或windows上提前把docker安装好,如何安装不是我的重点,请参考Docker安装:作为程序员,博客就像你的影子,我都已经忘了内心曾经多少次告诫自己,一定要搭建一个属于自己的技术博客,奈何日复一日过去了,近来终于落实到行动上来,所谓明日复明日,明日何其多,早晚要做的事,劝君晚做不如早做. 搭建Hexo 获取基础镜像 Docker安装成功之后方能进

基于Hexo的个人博客搭建(下)

5.服务器端测试 —5.1 clone到/var/www/html git clone /home/git/repos/myblog.git /var/www/html chown -R  git:git /var/www/html/ —5.2 设置Git Hook Windows建立一个文件post-receive,是的,无后缀文件.内容如下: #!/bin/bash #判断是不是远端仓库 IS_BARE=$(git rev-parse --is-bare-repository) if [ -

nodejs环境 + 入门 + 博客搭建

NodeJS:NodeJS是一个使用了Google高性能V8 引擎 的服务器端JavaScript实现.它提供了一个(几乎)完全非阻塞I/O栈,与JavaScript提供的闭包和匿名函数相结合,使之成为编写高吞吐 量网络服务程序的优秀平台. NPM:全称是Node Package Manager,是一个NodeJS定制的包管理和分发工具,如node-mysql,已经成为了非官方的发布Node模块(包)的标准. (npm类似maven,package.json类似pom.xml文件) mongod

学习他人博客搭建

https://www.aswifter.com/  很舒服 类似苹果的主页 -这个他的博客搭建主题他的搭建方法 http://jiji262.github.io/2016/04/15/2016-04-15-hexo-github-pages-blog/  方法,通过了解,是hexo来搭建,使用github上的免费空间来搭建个人博客,很不错哦

我的博客搭建日志

博客地址:绵绵小站 该篇博客原文:我的博客搭建日记-绵绵小站 我的博客搭建是以Github Pages为托管,使用Hexo的NexT模板,博客内容编写利用MarkDown排版方式,图片放在七牛云上,评论插件使用Hypercomments,文章阅读量统计使用LeanCloud. 本篇主要记录我在搭建中所遇到的问题以及着重想讲的部分,具体的搭建步骤,我会提供我所参考的设置文章. Github Pages 账号注册 安装git 新建仓库(两种方式) 博客源码托管到Coding 参考Hexo博客(10)

个人博客搭建线上实施方案

个人博客搭建线上实施方案 在hexo本地实施没有问题的基础上 实施方案 方案一:GithubPages 创建Github账号 创建仓库, 仓库名为:.github.io 将本地Hexo博客推送到GithubPages 3.1. 安装hexo-deployer-git插件.在命令行(即Git Bash)运行以下命令即可: $ npm install hexo-deployer-git --save 3.2. 添加SSH key. 创建一个 SSH key .在命令行(即Git Bash)输入以下命