我的Hexo博客搭建

前言



最近想搭建一个自己的个人博客,由于缺乏前端知识,一番搜寻后决定使用简单方便的Hexo。

我的环境

  • Windows10
  • Git 2.22.0
  • Node.js 10.16.3 LTS
  • 腾讯云 CentOS 7.6 64位

Hexo简介

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

第一部分


1.Hexo的安装

  • 安装git

  Windows下直接进入git官网下载即可

  • 安装Node.js

  同样,Windows下直接进入Node.js官网下载,无脑下一步即可

  • 安装Hexo

  打开GIt Bash

$ npm install -g hexo-cli

2.开始建站

安装完Hexo后,接着执行下列命令Hexo 将会在指定文件夹中新建所需要的文件

$ hexo init <folder> #<folder>为网站所在文件夹
$ cd <folder>
$ npm install

执行完毕后,指定文件夹内的目录应该如下:

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

接着 cd <folder> 到指定文件夹下 hexo s -debug 就能启动项目了

启动成功后我们在浏览器输入localhost:4000 就能访问到我们的博客了

3.更改配置、主题

在项目的根目录里,有这些文件

  • node_modules: 依赖包
  • public:存放生成的页面
  • scaffolds:生成文章的一些模板
  • source:用来存放你的文章
  • themes:主题
  • _config.yml: 博客的配置文件

我们可以先从Hexo的主题网站下载一个自己喜欢的主题,这里我用的是ochuunn

在该主题的github页面有较为详细的安装教程,又不会安装配置的同学也可以联系我

安装完主题之后,启动项目,就能访问到好看的博客了

第二部分 部署到服务器


1.云服务器安装git, Node.js, Hexo

登录进入服务器后,输入

sudo yum install git-core

完成后输入

wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | shnvm install node#如果nvm无法运行可以重启一下服务器npm install -g hexo-cli

2.创建git仓库

输入

mkdir /var/www/Blog/
#更改权限
chown -R $USER:$USER /var/www/Blog/
chmod -R 755 /var/www/Blog/cd /home/git init --bare Blog.git

现在创建了一个空的git仓库

3.创建git钩子

在 /home/BLog.git 下,有一个hooks文件夹。我们需要在里面创建一个钩子文件

vim /home/Blog.git/hooks/post-receive

在该文件中添加两行代码

#!/bin/bash
git --work-tree=/var/www/Blog --git-dir=/home/Blog.git checkout -f

修改文件权限

chmod +x /home/Blog.git/hooks/post-receive

4.服务器配置Nginx

安装

yum install -y nginx

启动

service nginx start

现在我们可以从浏览器访问服务器的公网地址,如果能看到欢迎页面那么说明Nginx安装成功

接着去修改Nginx的配置

vim /etc/nginx/nginx.conf
server {
    listen 80 default_server;
    listen [::]:80 default_server;
    root /var/www/Blog;    #需要修改

    server_name chenmingzhang.cn; #如果有域名的话,改成域名

    # Load configuration files for the default server block.
    include /etc/nginx/default.d/*.conf;
    location / {
    }
    error_page 404 /404.html;
        location = /40x.html {
    }

最后重启Nginx

service nginx restart

5.修改本地配置

在本地项目根目录的_config.yml中,作如下修改

deploy:
  type: git
  repo: [email protected]:/home/hexoBlog  //xx.xx.xx.xx为服务器地址
  branch: master

再在git中输入

npm install hexo-deployer-git --save

安装完成后,只要在git中

hexo generate
hexo deploy

等待运行完成

就可以用公网IP访问博客啦

原文地址:https://www.cnblogs.com/FortisCK/p/11614488.html

时间: 2024-11-07 07:09:50

我的Hexo博客搭建的相关文章

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博客搭建

很早之前看到别人的博客就总想着自己之后也要搭一个,最近突然来了干劲,就开始搭起了博客.不过搭博客还真是一个累活,失败了不下十次,用了好几天的时间,感觉自己在浪费时间,但是看到现在博客终于能用了,非常开心!这里将通过这篇文章来记录搭建过程. 环境及准备 windows.git.Node.js 一.Git1.1 安装git 链接 https://desktop.github.com/ 下载后一路默认安装就行了. 1.2 配置Git 当安装完Git应该做的第一件事情就是设置用户名称和邮件地址.这样做很

Hexo博客搭建过程

1.安装Node.js和Git nodejs中文网:http://nodejs.cn/下载nodejs,自行安装. Git官网:https://git-scm.com/,自行下载安装 1.1安装好Nodejs后,检查安装的版本 node -v 1.2提示:在哪输入node -v 命令呢?(熟悉者可忽略这个过程) windows系统:windows键+R快捷键打开运行,然后输入cmd,然后再cmd窗口下输入node -v 或者在node.js command prompt里输入node -v 2.

【简单版】hexo博客搭建流程梳理

前言 本文章会为你梳理一个搭建hexo博客的流程 相关网址: Docs: https://hexo.io/docs/ Themes: https://hexo.io/themes/ 安装hexo 准备阶段-Git 和 nodejs 安装Git Windows: 下载然后安装Git [https://git-scm.com/download/win] 如果你下载慢,可以使用下面的链接 链接: https://pan.baidu.com/s/1HXujcEuaPZYFQLtzlSBf0Q 提取码:

Hexo博客搭建

http://www.jianshu.com/p/e99ed60390a8 http://blog.csdn.net/xuezhisdc/article/details/53130328 注意点: 1:安装hexo时使用cmd不行,要用gitbash完成 2:gitbash里文件路径是/分割而不是\ 3:Hexo命令1:hexo new 2:hexo server 3:hexo generate 4:deploy 4:安装deployer : npm install hexo-deployer-

腾讯云搭建hexo博客

腾讯云搭建hexo博客 hexo腾讯云 1. 腾讯云 学生认证购买 重置密码和网络备案 2. hexo博客搭建 2.1 Node.js环境准备 2.2安装git 2.3安装hexo 切换淘宝源 安装hexo 新建一个博客文件夹并初始化 启动 2.4 nginx部署 2.4域名DNS配置 3. 本地搭建hexo,git推送到腾讯云自动部署 4. 小结 1. 腾讯云 学生认证购买 在阿里云和华为云购买失败的前提下,最终找到了腾讯云的购买,学生认证后价格只要10块一月,域名16一年,价格真香,我选择

nodejs环境 + 入门 + 博客搭建

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

Hexo 博客 之 腾讯云部署过程

写在前面 Hexo 博客搭好了有差不多两周时间了,这期间走了很多弯路,跳了很多坑.一些坑自己 bing 到了答案,找到了解决方法,一些坑则是自己摸索出来的解决方法.现在准备写几篇关于搭建流程.搭建过程中遇到的问题和解决方法.俗话说得好,好记性不如烂键盘嘛. 暂时准备写三篇关于 Hexo 博客搭建的博文: 关于 Hexo 博客 腾讯云部署过程 关于 Hexo 博客 NexT 主题的美化插件设置 点击这里 关于 Hexo 博客 添加域名映射和 https 点击这里 本文介绍 本博客是关于 Hexo

搭建hexo博客

安装Git 下载 msysgit 并执行即可完成安装. 安装Node.js 在 Windows 环境下安装 Node.js 非常简单,仅须下载安装文件并执行即可完成安装. 安装hexo 利用 npm 命令即可安装.(在任意位置点击鼠标右键,选择Git bash) npm install -g hexo 安装完成后,在你喜爱的文件夹下(如E:\hexo),执行以下指令(在H:\hexo内点击鼠标右键,选择Git bash),Hexo 即会自动在目标文件夹建立网站所需要的所有文件.创建hexo文件夹