hexo个人博客(hexo个人博客图片问题)

本文目录：

• 1、自建博客系列（六）Hexo博客的常用配置修改
• 2、如何使用阿里云+Hexo搭建个人静态博客
• 3、记一次hexo 博客上线 经验总结
• 4、如何使用Hexo建立一个自己的个人Blog及主页美化

自建博客系列（六）Hexo博客的常用配置修改

在 我的自建博客之路系列 的前面几篇文章中，我们已经一起在本地和github、coding搭建起了自己的hexo博客站点，更换了Next主题，并且绑定了自己选择的个人独立域名，但是还未发表过文章，站点的配置还是原来的默认值。在本节，我们来进行个性化的设置，按照自身需要情况将站点打造成自己的。

这里首先要知道在 Hexo 中有两份主要的配置文件，其名称都是 _config.yml，它们均是用于站点配置使用的。其中，一份位于站点根目录下（比如我的： D:\hexo_config.yml ），主要包含 Hexo 本身整站的配置；另一份位于主题目录（ D:\hexo\themes\next_config.yml ）下，这份配置由主题作者提供，主要用于配置主题相关的选项。为了描述方便，在以下说明中，将前者称为 站点配置 文件， 后者称为 主题配置 文件。下面我们先来看看 站点配置 文件的配置修改。

Hexo 使用 Moment.js 来解析和显示时间。

在站点的根目录下执行以下命令：

更多插件请移步 Hexo官方插件 页了解

现在执行

打开 localhost:4000 查看效果了。

访问HEXO官方文档

如何使用阿里云+Hexo搭建个人静态博客

使用阿里云服务器部署php环境，然后就可以使用 Hexo建立个人博客了。环境面板里面有一键部署 wp的功能，点击几次鼠标就可以轻松建站，毫不费力。

不过如果是新手还是需要熟悉下过程的，老魏为此写过阿里云服务器手动建站、php面板手动建站、php面板一键部署Hexo等多篇教程，看完啦还有疑问可以来问我，在线了就回答。

记一次hexo 博客上线 经验总结

前两天买了一台百度云服务器花了11块钱，花了点时间学了下如何部署hexo博客以及一些服务器方面的配置，没用hexo推荐的方式部署。专门记一个文章。系统用的是centos，先上图和链接

sunqx的博客

首先解释下

hexo 基于nodejs的快速、简洁且高效的博客框架，它是帮人快速搭建个人博客的。

PM2是node进程管理工具,可以利用它来简化很多node应用管理的繁琐任务,如性能监控、自动重启、负载均衡等,而且使用非常简单。就是一开始上手感觉好容易报错。

这里只将一些官网上没有的，如何本地跑起来一个hexo 项目和部署一个主题请看官网 hexo官网

hexo server 是项目 的启动命令 ，默认hexo启动端口是4000。但这样启动项目，nodejs是一个单线程项目，万一某一次程序出错，那整个服务就挂了。所以需要pm2 来监控这项线程，万一出错pm2还能自动重启。

pm2 启动命令一般是 pm2 start app.js 那如何用pm2 来管理hexo呢，可以通过在项目目录下新建一个 app.js

如此一来在项目根目录下 就能用 pm2 start app.js 来跑hexo项目了

初次配置的云服务器需要安装这些工具包

本地配置ssh key

注意点:

生成服务器端公钥 和本地一样

cd ~/.ssh

ssh-keygen -t rsa -b 4096 -C “931035063@qq.com”

eval “$(ssh-agent -s)”

ssh-add ~/.ssh/id_rsa

生效,centos 下 service sshd restart

把 id_rsa.pub 里面的内容 放到git 账户里面ssh 配置里

服务器配置nodejs 用的是nvm，安装nvm

nvm 安装以后重新连接云服务器 ，不然环境变量不会生效

nvm安装nodejs，依次执行以下命令

拉取完以后记得先试用 hexo server 着能不能跑起来,进入文件夹先 npm install 再看还差什么其他的全局依赖

这一块真的是血泪啊，就2行命令行，报的错查了一下午。

然后运行2行命令 第一行在云服务器搭建运行环境，第二行每次重新发布项目需要

以后每次发布博客

hexo new ‘记一次hexo 博客上线 经验总结’ 生成md文件，写完以后提交到git仓库

再用命令行在本地项目执行下 pm2 deploy ecosystem.json production –force 即可

这一块没啥说的 无非就是端口转发， 80转4000

nginx 安装

安装完重连服务器，不然怎么输命令配置都不生效

nginx 配置生效

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

其实，用动画图片(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/divembed src=视频链接地址 width=宽度 height=高度 type=audio/mpeg loop=”true” autostart=”false””true”为自动播放,”false”为不自动播放，宽度width和高度height都可以自定义。 第五步、保存文章。 第六步、发表文章显示成功。

本文来源：https://www.yuntue.com/post/86391.html | 云服务器网，转载请注明出处！