搭建hexo个人网站小试

安装Git

windows:自行参考Git官网

mac、linux:

sudo apt-get install git

安装后,查看git版本

git --version

安装Node.js

Hexo基于Node.js,通过Node.js提供的包管理器npm安装,需要安装一下nodeJs和npm工具。

sudo apt-get install nodejs
sudo apt-get install npm

安装后,查看版本

node -v
npm -v

安装Hexo

安装后,查看版本

npm install -g hexo-cli
hexo version

初始化Hexo

hexo init MyBlog
cd MyBlog
npm install

新建博客

博客文件夹下,新建博客

 hexo new helloworld

在 public/_posts/ 文件夹下,编写创建的helloworld.md

生成个人博客

 #hexo g
hexo generate

浏览个人博客

#hexo s
hexo server

默认设置下在浏览器中输入127.0.0.1:4000 预览博客

安装Nginx

sudo apt-get install nginx

创建一个文件夹用于存放网站

mkdir -p blog
修改Nginx的设置,将网站的根目录设置为这个文件夹:

sudo nano /etc/nginx/sites-available/default

在其中找到下列内容并修改

server {...
...
root /home/ubuntu/blog; # 将此处设为创建的文件夹
index index.html index.htm;
...
...
server_name blog.example.com; # 设置域名

创建Git仓库

 git init --bare blog.git

仓库在接受提交后自动将所有文件放到之前的网页目录中去:

nano blog.git/hooks/post-receive

向其中写入以下内容:


# --work-tree中填Nginx指向的网页文件夹路径 --git-dir填创建的git仓库的路径
git --work-tree=/home/ubuntu/blog --git-dir=/home/ubuntu/blog.git checkout -f

添加可执行权限:
chmod +x /home/ubuntu/hooks/post-receive
到此,我们服务器就已设置完毕了

推送服务器

安装Hexo的git部署插件

npm install hexo-deployer-git --save

编辑博客文件夹下的_config.yml文件,设置部署信息

deploy:type: gitrepo: 用户名@IP:路径/仓库branch: master

推送到服务器

# 生成网页文件
hexo generator
# 生成本地预览
hexo server
# 推送服务器
hexo deploy

搭建hexo个人网站小试相关推荐

  1. 建站规划—基于私有化gitlab/node+hexo搭建博客网站

    目录 概述 建站方案及成本 建站方案 成本 低成本替代方案 概述 本合辑(建站合辑)将介绍如何基于私有化gitlab+pages+Hexo搭建博客网站,由于域名备案周期较长,因此更新可能较慢.根据功能 ...

  2. 史上最详细“截图”搭建Hexo博客——For Windows

    http://angelen.me/2015/01/23/2015-01-23-%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86%E2%80%9C%E6%88 ...

  3. Mac搭建Hexo博客流程记录

    2016-11-19 发表于个人博客 经过一天的辛苦作战,总算基础的东西出来了.踩了太多的坑,综合我踩坑的经过,明白到,选好一篇引导文很重要!有些步骤不要先做了,不然后面会把你坑的很惨.. 引 很多博 ...

  4. 从零开始免费搭建自己的博客(一)——本地搭建hexo框架

    ​ 本文是博客搭建系列文章第一篇,其他文章链接: 从零开始免费搭建自己的博客(一)--本地搭建 Hexo 框架 从零开始免费搭建自己的博客(二)--基于 GitHub pages 建站 从零开始免费搭 ...

  5. Windows下使用GitHub Pages搭建hexo博客详细教程以及Next主题超全配置

    根据下面的教程搭建的博客见这里 前言 马上要进入研究生了,不能再过浑浑噩噩的日子了,搭建一个小网站,用于记录自己所学的东西.其实,之前在腾讯云1元乞丐版上也搭建过博客,但是呢,只用来扯淡了.这次使用 ...

  6. 搭建hexo博客历程二- Gitee版 (主要 解决404和样式丢失)

    前期的GitHub版搭建hexo博客 前期的node .hexo等等都已经配置完成,只需要在Gitee上建库,以及修改一些配置.继续依葫芦画瓢,在Gitee上画出来.例如 https://gitee. ...

  7. 3分钟教你如何在VPS上搭建Hexo!

    对于想建立自己个人博客的用户,建议购买了雷电vps试一试,以下是搭建的流程. 前期准备 喜欢Hexo的主题,不少都适合中文,配置简单,一键发布,所以选择它. 关于如何搭建 Hexo 的环境,这里就不罗 ...

  8. 码云Pages搭建个人静态网站之旅

    码云Pages搭建个人静态网站之旅 1.前言 2.搭建之旅 1.撸起袖子干 2.成果展示 1.前言 码云 Pages 是一个免费的静态网页托管服务,您可以使用 码云 Pages 托管博客.项目官网等静 ...

  9. linux下搭建hexo环境

    最近对搭建个人博客比较感兴趣,但是刚搭建好next主题基本博客,电脑就坏了,借了一台电脑继续搞,不想在他电脑中弄太多环境,所以我准备在自己电脑的服务器上搭建hexo环境 服务器环境: (1)cento ...

  10. linux下测试个人主页,一键建站集成软件包,Linux上快速搭建测试个人网站

    原标题:一键建站集成软件包,Linux上快速搭建测试个人网站 来自:Linux迷 https://www.linuxmi.com/ubuntu-20-0-linux-xampp.html 在Ubunt ...

最新文章

  1. python判断远程文件是否存在
  2. 噪声dba是什么单位_在职DBA : 工作多年为什么还是选择报读工商管理博士
  3. Gradle for Android 第三篇( 依赖管理 )
  4. 大学计算机组装与维修考试题,【校选修】计算机组装与维修 考试题
  5. Python Django 配置URL的方式(url传参方式)
  6. 10.12 telnet:远程登录主机
  7. ASP.NET2.0 ObjectDataSource的使用详解
  8. html5boder属性,你未必知道的CSS小知识:border属性比你想象的要复杂
  9. 这一回,我们聊聊恐惧
  10. 天池大数据竞赛-河北高校邀请赛——二手车交易价格预测-初赛第22名
  11. 框架 - SpringMVC框架
  12. 微信web开发者工具-移动调试iphone端的调试
  13. EXCEL表格怎么让每一列都乘以固定的一列
  14. Python编写一个程序来计算 BMI 值。
  15. Cobalt Strike 插件CrossC2(小白教程)
  16. 身份实名认证增强版API开发文档
  17. 微信|QQ扫码登录网页版二维码失效问题解决方案 网站无法访问PC网页版如何解决 安卓软件历史版本下载 FV fooview悬浮球帮助教程
  18. android listview 切换,Android ListView切换按钮
  19. Lua判断一个对象是否为空,包含userdata
  20. trie树之敏感词过滤算法

热门文章

  1. Recovered from a route's Handler('github.com/kataras/iris/mvc.(*ControllerActivator).handlerOf.func2
  2. 创建一个新用户身份为计算机管理员,以Guest账户身份创建一个管理员
  3. 【python】画四叶草
  4. 个人公众号注销方法_微信公众号注销后怎么申请 恢复公众号的方法步骤
  5. ASP的技术特点与使用方法
  6. Objective-C——initialize方法调用原理分析
  7. 金山词霸2009牛津SP3破解版 PDF不能取词的解决办法
  8. 洛谷P2386放苹果
  9. 玉米社:百度竞价关键词“否定”与“精确否定”的区别
  10. Python心法:numpy命令关于axis=0,axis=1,axis=2