如何使用Hexo建立一个自己的个人Blog及主页美化

Posted 2023-04-23

参考技术A 其实，用动画图片(Flash)来装饰美化博客主页很简单，下面就简单介绍一些博客页面的装饰方法以及我收藏的一些漂亮的动画图片地址，朋友喜欢的话可以自己做来★★ 打开博客，把鼠标指向左上角的“——装扮博客——设置首页内容——添加自定义模块> ★★ 在博客左上方出现一个(自定义hmtl)模块 ★★把html代码 到模块的空白处在左下部就会显示如下的对话框：然后点击上面的“flash"按钮，在出来的对话框里把后面所附的你喜欢的Flash网址输入，写上名称，点击“新增”，然后点击右上角的“保存”就OK了。这个步骤可以反复使用。每次制作一幅动画。制作完成后，刷新一下，拖动你制作的模块，放到你希望放置的地方，点右上角保存。预览我的博客就即看到效果了。有时刷新后会发现自己刚做的模块不见了。没关系的。那只是隐藏起来了。你只要点击一下（有灰色变绿色）,让它显示出来，然后保存，拖动位置，再保存即可！其它设置首页中插入图片 代码：<img src="图片地址" border="0" width="宽" height="高"> 代码中“width”是宽度，“height”是高度。的图片地址就是网上以 .jpg .bmp .gif 结尾的网址，网络图片一般鼠标点在图片上点右键，查看“属性”就可以获得图片的地址。具体做法：1、在网上搜索喜欢的图片或将自己喜欢的图片上传到网易相册，以获得一个图片的网址。2、顺序点开 "排版——模板——自定义模板——添加自定义HTML"3、"添加自定义HTML" 模块显示在网页左下角4、复制上面的代码到 "自定义HTML" 模板中5、复制图片网址，替换代码中的“图片地址”6、点击"预览"查看效果,然后点击"新增"保存,记得给你的模板起个名字7、用鼠标拖动你添加的图片上方的编辑横条，把图片放到你喜欢的位置8、点击网页右上角“保存”9、预览我的博客，就可以看到出现在你的博客上了。在博客中插入视频第一步、登陆自己的博客 第二步、在编辑状态下，点击"日志"——"添加日志" 第三步、点击左下角的 "<>"标记第四步、复制下面的代码到文章里面，注意用你选中的视频地址，替换代码中的视频链接地址<div align=left></div><embed src=视频链接地址 width=宽度 height=高度 type=audio/mpeg loop="true" autostart="false">"true"为自动播放,"false"为不自动播放，宽度width和高度height都可以自定义。 第五步、保存文章。 第六步、发表文章显示成功。

在Github上搭建个人的Hexo博客，并绑定域名及Https访问

Hexo是一个很简约的博客程序，可将其安装到Github上并使用Git二级域名进行访问，即是为咱们节流了服务器和域名本钱，同时还可以绑定伏笔VPS的域名访问，这里就说下详细搭建教程。

简介

Hexo是一个快速、简约且高效的博客框架。Hexo使用Markdown（或其他衬着引擎）解析文章，在几秒内，便可使用靓丽的正题天生动态网页。

 

搭建

1、建立Github账户
阅读器进入https://github.com，注册一个账号，再openhttps://github.com/new建立一个项目。称号填Github用户名.github.io。

2、部署Node.js和Git
使用SSH客户端登录云主机，执行command：

#Ubuntu和Debian系统
curl -sL https://deb.nodesource.com/setup_9.x | bash -
apt-get install -y nodejs git

#Centos系统
curl -sL https://rpm.nodesource.com/setup_9.x | bash -
yum install nodejs git -y

3、部署Hexo

#新建文件夹寄存Hexo文件，称号伏笔VPS定
mkdir /Rats && cd /Rats
#部署Hexo
npm install hexo-cli -g
#初始化配置
hexo init
#部署必要组件
npm install
#启动Hexo
hexo server

然后openhttp://ip:4000，便可以进入Hexo博客了，如果进不了，请放行服务器的4000端口。接下来咱们就同步到Github上。

4、配置Git信息

#请将上面Git用户名和email修正成伏笔VPS的
git config --global user.name "MOERATS"
git config --global user.email "[email protected]oerats.com"
#天生密匙
ssh-keygen -t rsa -C "[email protected]"

天生途中可以直接回车，此刻会在/root/.ssh目录中天生2个文件，然后openid_rsa.pub，并复制内里的内容。

cat /root/.ssh/id_rsa.pub

复制好后，使用阅读器进入https://github.com/settings/ssh/new，Title随意填，然后把方才复制的内容填到Key确认。

再修改_config.yml文件，文件在之前新建的文件夹里，你可以使用ftp客户端修改，也可以使用vi或nano修改。

nano /Rats/_config.yml
#修改站点信息，伏笔VPS看情况修正
title: Rat‘s Blog
subtitle: A blog
description: A blog
keywords: A blog
author: Rat‘s
language: zh-CN
timezone: Asia/Shanghai

#增加配置，在最后增加，请修正为伏笔VPS的Git地址
deploy:
  type: git
  repo: https://github.com/MOERATS/MOERATS.github.io.git
  branch: master

5、同步到Github
同步前，先部署一个拓展，否则会出现deloyer not found:git毛病。

npm install hexo-deployer-git --save

再使用command同步

hexo g
hexo d

同步的时候，会要求咱们输入Github用户名和密钥，然后咱们便可以通过https://xx.github.io/进入博客了。

6、推送文章
使用command新建文章。

hexo new "题目"

此刻会在/Rats/source/_posts目录下天生个markdown文件，然后你就用Markdown修改器进行修改。

接下来便可以使用command推送并同步到Github了。

hexo d -g

绑定域名

如果你想用Github二级域名访问，就忽视这一步，如果你想用伏笔VPS的域名访问，请持续看。

先解析域名的CNAME记载到你的Git二级域名。如果你想用Https访问，可以使用CloudFlare解析域名，并开启CDN胁制Http转Https。

然后访问你的博客Git项目地址，点击Create new file新建文件，定名CNAME，内容写上你的域名，不要http等。

这时候便可以通过伏笔VPS的域名访问博客了。

普通每回同步到Git的时候，CNAME文件都会消逝，这时候咱们需要在本地服务器的/Rats/source目录里新建个同样的CNAME文件。这样可以防备CNAME文件消逝，以致域名404毛病。

#你可以用ftp增加CNAME文件，也可以使用command，注意后头的路径
echo "www.moerats.com" > /Rats/source/CNAME

希望以上的文章对各位有用，如果觉得不错给我点个喜欢吧！更多和在Github上搭建个人的Hexo博客，并绑定域名及Https访问相关的问题或者对洛杉矶云服务器多少钱有疑惑也欢迎大家咨询。