教你如何使用hexo以及nginx、github搭建属于自己的博客(操心的妈妈级教学)

教你如何使用hexo以及nginx、github搭建属于自己的博客(妈妈级教学)

~~

1.解释一下你要的服务器的效果以及对应的操作

~~
首先你要有自己的一台服务器,可以是云服务器,或者你可以用自己的电脑作为服务器,(windows也可以的
(1)你有自己的windows(或者linux)
安装hexo以及nodejs即可实现在github上可以访问的远程管理的blog
(2)你有租了服务器
安装hexo以及Nodejs,你可以在服务器上创建博客 的同时再将blog远程传到github的blog仓库,这样你就有两个平台.

2.我的平台情况,以及我对你的建议(妈妈级教学,认真看一下你是可以完成自己对应情况的)

ubuntu18.04服务器,github平台
所以我有两种方式访问我的blog:
(1)github 仓库
在这里插入图片描述
(2)服务器访问(nginx挂载):
如果不用服务器,就不需要考虑nginx的事情

在这里插入图片描述

(1)你不搞服务器,那就直接在你的pc上做下面相同的操作,与nginx相关的都不用管
(2)你搞服务器,那你跟着来,如果你不是ubuntu,是其他的服务器类型,你只需要 去百度一下做相同操作的指令就可(如果你是大佬,请你忽略我说的话),不要太懒

3.安装nodejs,hexo

windows的话,就搜一下怎么安装nodejs和hexo就行

ubuntu指令如下

--- #安装Nodejs
node -v #查看node版本
npm -v #查看npm版本
npm install -g cnpm --registry=http://registry.npm.taobao.org #安装淘宝的cnpm 管理器
cnpm -v #查看cnpm版本
cnpm install -g hexo-cli #安装hexo框架
hexo -v #查看hexo版本

4.创建blog

记得ubuntu的nginx是默认挂载`/var/www/html`目录的,

你可以在任意目录创建自己的blog目录,我是在/var/www/目录创建的一个目录叫hexo

cd /var/www
mkdir hexo
cd hexo
sudo hexo init #生成博客 初始化博客
hexo s #启动本地博客服务
http://localhost:4000/ #本地访问地址

这些是初始化hexo生成的目录,待会儿会解释你需要哪些

在这里插入图片描述

你可以访问http://localhost:4000/看到一个基本的hexoblog模型

5.写blog

(1)你可以使用CSDN的markdown编辑器进行编辑,导出md文件,然后再传到ubuntu上,
(2)或者你也可以直接使用markdown语法进行编写,具体的语法你需要自己去学

我给一个md文件的例子

---
title: test2
date: 2020-08-27 16:39:26
tags:
---
**this is a test2**

其中****表示的是加粗,类似这样,最终将文件保存为md文件,可以直接导入各个平台写文章
我这里教你怎么用md文件,如果你想直接用hexo使用markdown语法写,我举个例子如下:

hexo n "我的文章" #创建新的文章

之后hexo会在public/_posts目录下自动生成我的文章.md文件,这跟你把md文件直接复制到public/_posts是一样的。都是要对md文件进行编辑
在这里插入图片描述

6.生成blog

当/var/www/hexo/public/_posts文件夹中有md文件时,你可以通过以下命令生成blog:

#返回hexo目录
hexo clean #清理
hexo g #生成
hexo s #预览,你可以在这里预览自己的blog生成情况

7.配置github

#Github创建一个新的仓库 ‘你的github名字.github.io’
在这里插入图片描述

在这里插入图片描述
然后

cnpm install --save hexo-deployer-git #在blog目录下安装git部署插件

我这里的blog目录就是/var/www/hexo,你的是你自己指定的目录

然后配置_config.yml

在这里插入图片描述
.
.
.
打开编辑_config.yml
对于deploy字段,修改如下:

-----
deploy:
type: git
repo: https://github.com/你的github名字/你的github名字.github.io.git
branch: master
-----

完成保存
使用命令hexo deploy部署blog到你的github项目
https://你的github名字.github.io/ #访问这个地址可以查看博客

重点来了(踩坑教学)

修改_config.yml注意两点,要想你的blog兼容各种主题以及不会出现两篇文章跳转到同一个目录的情况,注意以下:
(1)url以及root的配置
在这里插入图片描述
url设置为github给你分配的访问域名,就是你的github主页地址
root设置为你的仓库名称(刚才设置的是 ‘你的github名字.github.io’
只有这样,你的blog才会正确的展现

(2)permalink的配置
在这里插入图片描述
这个是标记你的每一篇博客,即每个md文件 生成的链接,这里我是用title作为链接,你可以用其他的,比如日期 ,但是一定要记住,在最前面加上一个“:”

比如permalink: :title/ 而不是permalink: title/

不然你的blog会全部跳转到/title目录下

至此,你的github链的blog就完成了
.
.

8.nginx服务器配置blog渲染hexo

这里就是开始你的服务器作为blog的载体的情况,
首先,修改nginx的配置文件
在这里插入图片描述
首先,在conf.d文件目录中创建新文件:default.conf,内容为:

server {# 监听端口listen 80;# 监听ip 换成服务器公网IP# server_name mr-lin.site;location / {root /var/www/hexo/public;index index.html;}location ~ .* {#proxy_pass http://xd-project;proxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}}

在这里插入图片描述
好的,这样就可以了,记得,其中的root改为你的blog地址/public才可以,我这里的blog地址是/var/www/hexo,明白?

然后重启nginx服务,就可以通过公网ip或者域名访问你的服务器80端口来访问blog了。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/508021.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

(菜鸟入门)使用pytorch框架实现前馈神经网络

前馈神经网络 常见的前馈神经网络有感知机(Perceptrons)、BP(Back Propagation)网络等。前馈神经网络(FNN)是人工智能领域中最早发明的简单人工神经网络类型。各神经元分层排列。每个神经元只与前一层的神经元相连。接收前一层的…

Windows下如何如何将项目上传至GitHub?

安装git客户端 进入官网,点击右侧下载windows版本的软件包 如果下载慢的话,给一个传送门,可以快速下载: 双击安装 一直点击下一步就可,安装位置可以自己选择一下 Github创建仓库 填写项目名称以及ba…

(pytorch-深度学习系列)pytorch卷积层与池化层输出的尺寸的计算公式详解

pytorch卷积层与池化层输出的尺寸的计算公式详解 注:这篇blog写的不够完善,在后面的CNN网络分析padding和stride详细讲了公式,感兴趣的可以移步这里:卷积神经网络中的填充(padding)和步幅(stride) 要设计卷积神经网络的结构&…

idea创建springboot项目,一直在reading pom.xml

problem:遇到的问题 idea创建springboot项目,一直在reading pom.xml 解决方法有三种: (1)修改windows配置文件 c;\windows\System32\drivers\etc\hosts将12.0.0.1 localhost前的注释符号#去掉 (2&#x…

springboot 项目实战 基本框架搭建(IDEA)

springboot 项目实战 基本框架搭建(IDEA) IDEA下载 我使用的是破解的专业版IDEA,使用权一直到2089年: 下载IDEA: 下载processional版本,然后百度搜索激活码即可概率激活,如果你不成功就多找几个激活码 配…

使用IDEA 连接mysql数据库,执行sql指令

使用IDEA 连接mysql数据库,执行sql指令 1 配置项目的SQL依赖 首先参考这篇博文,创建springboot的基本框架 在创建项目的过程中,需要选择SQL相关的依赖,如下: SQL勾选:MySQL Driver,JDBC API …

thymeleaf There was an unexpected error (type=Internal Server Error, status=500).

thymeleaf There was an unexpected error (typeInternal Server Error, status500). 使用thymeleaf依赖&#xff0c;无法访问html文件&#xff0c;解决方法有以下几种可能&#xff1a; 1. 未加载thymeleaf依赖&#xff0c;打开pom.xml&#xff0c;加入依赖&#xff1a; <…

org.attoparser.ParseException: Could not parse as expression: “

Caused by: org.attoparser.ParseException: Could not parse as expression: " {field: ‘id’, title: ‘ID’, fixed: ‘left’, unresize: true, sort: true} , {field: ‘number’, title: ‘学号’, edit: ‘number’, sort: true} , {field: ‘name’, title: ‘姓…

(pytorch-深度学习系列)pytorch中backwards()函数对梯度的操作

backwards()函数对梯度的操作 对于一个新的tensor来说&#xff0c;梯度是空的&#xff1b;但当对这个tensor进行运算操作后&#xff0c;他就会拥有一个梯度&#xff1a; x torch.ones(2, 2, requires_gradTrue) print(x) print(x.grad_fn)y x 2 print(y) print(y.grad_fn)…

(pytorch-深度学习系列)pytorch实现线性回归

pytorch实现线性回归 1. 实现线性回归前的准备 线性回归输出是一个连续值&#xff0c;因此适用于回归问题。回归问题在实际中很常见&#xff0c;如预测房屋价格、气温、销售额等连续值的问题。 与回归问题不同&#xff0c;分类问题中模型的最终输出是一个离散值。我们所说的图…

(pytorch-深度学习系列)pytorch实现多层感知机(手动定义模型)对Fashion-MNIST数据集进行分类-学习笔记

pytorch实现多层感知机对Fashion-MNIST数据集进行分类&#xff08;手动定义模型&#xff09; 多层感知机&#xff1a; 多层感知机在单层神经网络的基础上引入了一到多个隐藏层&#xff08;hidden layer&#xff09;。隐藏层位于输入层和输出层之间。 输入和输出个数分别为4和…

(pytorch-深度学习系列)ResNet残差网络的理解-学习笔记

ResNet残差网络的理解 ResNet伴随文章 Deep Residual Learning for Image Recognition 诞生&#xff0c;该文章是MSRA何凯明团队在2015年ImageNet上使用的网络&#xff0c;在当年的classification、detection等比赛中&#xff0c;ResNet均获了第一名&#xff0c;这也导致了Res…

(pytorch-深度学习系列)卷积神经网络LeNet-学习笔记

卷积神经网络LeNet 先上图&#xff1a;LeNet的网络结构 卷积(6个5∗5的核)→降采样(池化)(2∗2的核&#xff0c;步长2)→卷积(16个5∗5的核)→降采样(池化)(2∗2的核&#xff0c;步长2)→全连接16∗5∗5→120→全连接120→84→全连接84→10\begin{matrix}卷积 \\ (6个5*5的核…

(pytorch-深度学习系列)深度卷积神经网络AlexNet

深度卷积神经网络AlexNet 文字过多&#xff0c;但是重点已经标出来了 背景 在LeNet提出后的将近20年里&#xff0c;神经网络一度被其他机器学习方法超越&#xff0c;如支持向量机。虽然LeNet可以在早期的小数据集上取得好的成绩&#xff0c;但是在更大的真实数据集上的表现并…

(pytorch-深度学习)包含并行连结的网络(GoogLeNet)

包含并行连结的网络&#xff08;GoogLeNet&#xff09; 在2014年的ImageNet图像识别挑战赛中&#xff0c;一个名叫GoogLeNet的网络结构大放异彩。它虽然在名字上向LeNet致敬&#xff0c;但在网络结构上已经很难看到LeNet的影子。GoogLeNet吸收了NiN中网络串联网络的思想&#…

(pytorch-深度学习)实现稠密连接网络(DenseNet)

稠密连接网络&#xff08;DenseNet&#xff09; ResNet中的跨层连接设计引申出了数个后续工作。稠密连接网络&#xff08;DenseNet&#xff09;与ResNet的主要区别在于在跨层连接上的主要区别&#xff1a; ResNet使用相加DenseNet使用连结 ResNet&#xff08;左&#xff09;…

(pytorch-深度学习)循环神经网络

循环神经网络 在nnn元语法中&#xff0c;时间步ttt的词wtw_twt​基于前面所有词的条件概率只考虑了最近时间步的n−1n-1n−1个词。如果要考虑比t−(n−1)t-(n-1)t−(n−1)更早时间步的词对wtw_twt​的可能影响&#xff0c;需要增大nnn。 这样模型参数的数量将随之呈指数级增长…

(pytorch-深度学习)使用pytorch框架nn.RNN实现循环神经网络

使用pytorch框架nn.RNN实现循环神经网络 首先&#xff0c;读取周杰伦专辑歌词数据集。 import time import math import numpy as np import torch from torch import nn, optim import torch.nn.functional as Fimport sys sys.path.append("..") device torch.d…

(pytorch-深度学习)通过时间反向传播

通过时间反向传播 介绍循环神经网络中梯度的计算和存储方法&#xff0c;即通过时间反向传播&#xff08;back-propagation through time&#xff09;。 正向传播和反向传播相互依赖。正向传播在循环神经网络中比较直观&#xff0c;而通过时间反向传播其实是反向传播在循环神经…

(pytorch-深度学习)门控循环单元(GRU)

门控循环单元&#xff08;GRU&#xff09; 循环神经网络中的梯度计算 当时间步数较大或者时间步较小时&#xff0c;循环神经网络的梯度较容易出现衰减或爆炸。虽然裁剪梯度可以应对梯度爆炸&#xff0c;但无法解决梯度衰减的问题。通常由于这个原因&#xff0c;循环神经网络在…