简单页面设计,网络推广的优化方法,帝国网站教程,龙华网站设计教你如何使用hexo以及nginx、github搭建属于自己的博客#xff08;妈妈级教学#xff09;
~~
1.解释一下你要的服务器的效果以及对应的操作
~~ 首先你要有自己的一台服务器#xff0c;可以是云服务器#xff0c;或者你可以用自己的电脑作为服务器#xff0c;#xff0…教你如何使用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 --registryhttp://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兼容各种主题以及不会出现两篇文章跳转到同一个目录的情况注意以下 1url以及root的配置 url设置为github给你分配的访问域名就是你的github主页地址 root设置为你的仓库名称刚才设置的是 ‘你的github名字.github.io’ 只有这样你的blog才会正确的展现
2permalink的配置 这个是标记你的每一篇博客即每个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了。
