linux搭建hexo个人博客

安装node环境

node.js官网 :

https://nodejs.org/zh-cn/download/

资源下载链接 :
wget https://nodejs.org/dist/v16.13.1/node-v16.13.1-linux-x64.tar.xz

创建目录并解压 :

[root@localhost ~]# cd /usr/local/
[root@localhost local]# mkdir node
[root@localhost local]# cd node/
[root@localhost node]# tar -xJvf /root/node-v16.13.1-linux-x64.tar.xz -C ./

配置node系统环境变量

[root@localhost ~]# vim ~/.bash_profile在文件末尾添加 :
# Nodejs
export PATH=/usr/local/node/node-v16.13.1-linux-x64/bin:$PATH刷新文件并测试是否配置成功 : 
[root@localhost ~]# source ~/.bash_profile
[root@localhost ~]# node -v
v16.13.1
[root@localhost ~]# npm -version
8.1.2
[root@localhost ~]# npx -v
8.1.2
[root@localhost bin]# npm version
{npm: '8.1.2',node: '16.13.1',v8: '9.4.146.24-node.14',uv: '1.42.0',zlib: '1.2.11',brotli: '1.0.9',ares: '1.18.1',modules: '93',nghttp2: '1.45.1',napi: '8',llhttp: '6.0.4',openssl: '1.1.1l+quic',cldr: '39.0',icu: '69.1',tz: '2021a',unicode: '13.0',ngtcp2: '0.1.0-DEV',nghttp3: '0.1.0-DEV'
}
[root@localhost bin]# 

配置node 为淘宝镜像源 :

[root@localhost ~]# npm install -g cnpm --registry=https://registry.npm.taobao.org
[root@localhost ~]# cnpm -v

安装git

官方网址 :

https://git-scm.com/

安装包下载链接 :

https://mirrors.edge.kernel.org/pub/software/scm/git/

资源下载 : 
wget https://mirrors.edge.kernel.org/pub/software/scm/git/git-2.26.2.tar.gzyum直接安装法(不建议使用):
[root@VM-24-17-centos /]# yum -y install git
yum安装卸载法 :
rpm -qa | grep git 
删除关于git的一切 : 
yum -y remove git-2.27.0-1.el8.x86_64
...

提前安装所需要的依赖 :

yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel gcc-c++ perl-ExtUtils-MakeMaker

创建文件夹以及解压文件 :

[root@VM-24-17-centos ~]# tar zxvf git-2.26.2.tar.gz

编译安装 :

[root@VM-24-17-centos ~]# cd git-2.26.2/
[root@VM-24-17-centos git-2.26.2]# make prefix=/usr/local/git all
[root@VM-24-17-centos git-2.26.2]# make prefix=/usr/local/git install

将git加入环境变量 :

编辑配置文件 : 
[root@VM-24-17-centos git-2.26.2]# vim /etc/profile
[root@VM-24-17-centos git-2.26.2]# source /etc/profile
[root@VM-24-17-centos git-2.26.2]# git --version

安装nginx

​ 官网访问地址 :

http://nginx.org/en/download.html

资源下载链接 :
wget http://nginx.org/download/nginx-1.21.4.tar.gz

创建安装目录并解压 :

[root@localhost ~]# mkdir -p /usr/local/nginx
[root@localhost ~]# tar zxvf nginx-1.21.4.tar.gz
[root@localhost ~]# mv nginx-1.21.4 /usr/local/nginx/

预先安装额外的依赖 :

[root@localhost ~]# yum -y install pcre-devel
[root@localhost ~]# yum -y install openssl openssl-devel

编译安装nginx :

[root@localhost ~]# cd /usr/local/nginx/nginx-1.21.4/
[root@localhost nginx-1.21.4]# ./configure
[root@localhost nginx-1.21.4]# make && make install

安装完成后,nginx的执行文件位置位于/usr/local/nginx/sbin/nginx

启动nginx :

[root@localhost ~]# /usr/local/nginx/sbin/nginx 

停止nginx :

[root@localhost ~]# /usr/local/nginx/sbin/nginx -s stop

如果修改了配置⽂件后想重新加载Nginx，可执⾏：

[root@localhost ~]# /usr/local/nginx/sbin/nginx -s reload

注意其配置⽂件位于：

/usr/local/nginx/conf/nginx.conf

最后使用浏览器访问IP验证;

通过npm下载hexo安装文件

hexo官方网址 :

https://hexo.io/zh-cn/

安装hexo :

[root@VM-24-17-centos ~]# cnpm install -g hexo-cli[root@VM-24-17-centos ~]# hexo -v
hexo-cli: 4.3.0
os: linux 3.10.0-1160.45.1.el7.x86_64 CentOS Linux 7 (Core)
node: 16.13.1
v8: 9.4.146.24-node.14
uv: 1.42.0
zlib: 1.2.11
brotli: 1.0.9
ares: 1.18.1
modules: 93
nghttp2: 1.45.1
napi: 8
llhttp: 6.0.4
openssl: 1.1.1l+quic
cldr: 39.0
icu: 69.1
tz: 2021a
unicode: 13.0
ngtcp2: 0.1.0-DEV
nghttp3: 0.1.0-DEV
[root@VM-24-17-centos ~]#

搭建hexo博客文件

生成一个blog文件目录 :

[root@VM-24-17-centos ~]# mkdir /usr/local/blog
[root@VM-24-17-centos ~]# cd /usr/local/blog/
[root@VM-24-17-centos blog]# hexo init
生成hexo博客文件
[root@VM-24-17-centos blog]# hexo g

配置Nginx :

修改Nginx conf文件夹中的nginx.conf文件

[root@VM-24-17-centos conf]# pwd
/usr/local/nginx/conf
[root@VM-24-17-centos conf]# ll
total 68
-rw-r--r-- 1 root root 1077 Dec 23 15:17 fastcgi.conf
-rw-r--r-- 1 root root 1077 Dec 23 15:17 fastcgi.conf.default
-rw-r--r-- 1 root root 1007 Dec 23 15:17 fastcgi_params
-rw-r--r-- 1 root root 1007 Dec 23 15:17 fastcgi_params.default
-rw-r--r-- 1 root root 2837 Dec 23 15:17 koi-utf
-rw-r--r-- 1 root root 2223 Dec 23 15:17 koi-win
-rw-r--r-- 1 root root 5349 Dec 23 15:17 mime.types
-rw-r--r-- 1 root root 5349 Dec 23 15:17 mime.types.default
-rw-r--r-- 1 root root 2674 Dec 23 15:32 nginx.conf
-rw-r--r-- 1 root root 2656 Dec 23 15:17 nginx.conf.default
-rw-r--r-- 1 root root  636 Dec 23 15:17 scgi_params
-rw-r--r-- 1 root root  636 Dec 23 15:17 scgi_params.default
-rw-r--r-- 1 root root  664 Dec 23 15:17 uwsgi_params
-rw-r--r-- 1 root root  664 Dec 23 15:17 uwsgi_params.default
-rw-r--r-- 1 root root 3610 Dec 23 15:17 win-utf
[root@VM-24-17-centos conf]# vim nginx.conf将http--->下面的server--->location----> root的路劲修改成hexo的public文件路径location / {root   /usr/local/blog/public;index  index.html index.htm;}

启动nginx

[root@VM-24-17-centos sbin]# pwd
/usr/local/nginx/sbin
[root@VM-24-17-centos sbin]# ll
total 5064
-rwxr-xr-x 1 root root 5184192 Dec 23 15:17 nginx
[root@VM-24-17-centos sbin]# ./nginx

浏览器访问测试;

至此初步使用服务器搭建hexo个人博客成功;

编辑以及生成博客文章

在blog文件夹下面编辑 : 
[root@VM-24-17-centos blog]# hexo n "xxxxx"
INFO  Validating config
INFO  Created: /usr/local/blog/source/_posts/xxxxx.md
[root@VM-24-17-centos blog]# cd source/_posts/
[root@VM-24-17-centos blog]# vim xxxxx.md退回至blog文件夹并清理下文件 : 
[root@VM-24-17-centos ~]# cd /usr/local/blog/
[root@VM-24-17-centos blog]# hexo clean生成博客文件 : 
[root@VM-24-17-centos blog]# hexo g重新启动 : 
[root@VM-24-17-centos sbin]# ./nginx -s reload

安装shoka主题

先安装必要hexo插件

md 文件渲染器，压缩 css/js/html (必须)

先删除默认的渲染器
npm un hexo-renderer-marked --save
或者
yarn remove hexo-renderer-marked安装
npm i hexo-renderer-multi-markdown-it --save
或者
yarn add hexo-renderer-multi-markdown-it

给生成的 css 文件们添加浏览器前缀

npm install hexo-autoprefixer --save

站内搜索功能

npm install hexo-algoliasearch --save

文章或站点字数及阅读时间统计

npm install hexo-symbols-count-time

生成 Feed 文件

npm install hexo-feed --save-dev

配置一下_config.yml文件

# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/# Site
title: Hexo
subtitle: ''
description: ''
keywords:
author: liu chang
language: zh-CN
timezone: 'Asia/Shanghai'# URL
## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
url: http://example.com
permalink: :year/:month/:day/:title/
permalink_defaults:
pretty_urls:trailing_index: true # Set to false to remove trailing 'index.html' from permalinkstrailing_html: true # Set to false to remove trailing '.html' from permalinks# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:# Writing
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link:enable: true # Open external links in new tabfield: site # Apply to the whole siteexclude: ''
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:enable: falseline_number: trueauto_detect: truetab_replace: ''wrap: truehljs: false
prismjs:enable: falsepreprocess: trueline_number: truetab_replace: ''# Home page setting
# path: Root path for your blogs index page. (default = '')
# per_page: Posts displayed per page. (0 = disable pagination)
# order_by: Posts order. (Order by date descending by default)
index_generator:path: ''per_page: 10order_by: -date# Category & Tag
default_category: uncategorized
category_map:
tag_map:# Metadata elements
## https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta
meta_generator: true# Date / Time format
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss
## updated_option supports 'mtime', 'date', 'empty'
updated_option: 'mtime'# Pagination
## Set per_page to 0 to disable pagination
per_page: 10
pagination_dir: page# Include / Exclude file(s)
## include:/exclude: options only apply to the 'source/' folder
include:
exclude:
ignore:# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: shoka# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:type: ''# edit for Theme.shoka
autoprefixer:exclude:- '*.min.css'markdown:render: # 渲染器设置html: false # 过滤 HTML 标签xhtmlOut: true # 使用 '/' 来闭合单标签 （比如 
）。breaks: true # 转换段落里的 '\n' 到 
。linkify: true # 将类似 URL 的文本自动转换为链接。typographer:quotes: '“”‘’'plugins: # markdown-it插件设置- plugin:name: markdown-it-toc-and-anchorenable: trueoptions: # 文章目录以及锚点应用的class名称，shoka主题必须设置成这样tocClassName: 'toc'anchorClassName: 'anchor'- plugin:name: markdown-it-multimd-tableenable: trueoptions:multiline: truerowspan: trueheaderless: true- plugin:name: ./markdown-it-furiganaenable: trueoptions:fallbackParens: "()"- plugin:name: ./markdown-it-spoilerenable: trueoptions:title: "你知道得太多了"minify:html:enable: truestamp: falseexclude:- '**/json.ejs'- '**/atom.ejs'- '**/rss.ejs'css:enable: truestamp: falseexclude:- '**/*.min.css'js:enable: truestamp: falsemangle:toplevel: trueoutput:compress:exclude:- '**/*.min.js'# algolia:
#   appId:
#   apiKey:
#   adminApiKey:
#   chunkSize: 5000
#   indexName:
#   fields:
#     - title #必须配置
#     - path #必须配置
#     - categories #推荐配置
#     - content:strip:truncate,0,4000
#     - gallery
#     - photos
#     - tagsfeed:limit: 20order_by: "-date"tag_dir: falsecategory_dir: falserss:enable: truetemplate: "themes/shoka/layout/_alternate/rss.ejs"output: "rss.xml"atom:enable: truetemplate: "themes/shoka/layout/_alternate/atom.ejs"output: "atom.xml"jsonFeed:enable: truetemplate: "themes/shoka/layout/_alternate/json.ejs"output: "feed.json"

执行

hexo clean
hexo g

最后重启nginx即可;

卸载hexo

看你是用cnpm安装的还是npm

cnpm uninstall -g hexo-cli

剩下就是把自己的域名解析成这个公网的IP

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！