hexo

现在我们已经学会搭建基本的博客了，但当我们想在博客里放一些图片时，应该把这些图片放在哪里，又该如何使用呢？现在就来记录一下几种方法： 01.本地管理图片 首先下载插件： npm install hexo-asset-image --save 站点配置文件_config.yml中修改： post_asset_folder: true 每次 hexo n “文章标题” 时，_posts文件夹里都会新建一个 文章标题 的文件夹，把你的图片素材统一放这里，然后md格式的文章正文里引用 [](../图片名) 就能添加图片素材了！如图： 02.腾讯云图床 1.进入 腾讯云官网 注册登录，点击 菜单-文档-存储-对象存储 ： 2.创建存储桶 这里注意访问权限选择 公有读私有写 ，其他选项随意写。 3.上传文件：点击选择文件或者将整个文件夹拖至指定区域即可。 4.获取图片地址：点击右边详情，复制图片地址即可用于md文件中。 来源： CSDN 作者： 什么值得，什么难舍 链接： https://blog.csdn.net/qq_43605986/article/details/104628247

自定义标签云 一、效果 二、演示 1. 新建tags资源文件夹 2. 创建样式文件 3. 局部显示标签云 一、效果 之前引入的标签云插件，看似很炫酷，实则有点鸡肋，今天忍不住又开始魔改前端css了 Hexo（sakura）建立标签云hexo-tag-cloud 演示页面快速门 文章末尾显示标签云： 如果感觉还行的话，可以向你的博客里加入哦！步骤超简单~ 二、演示 我这里是hexo-sakura主题，以这主题来演示一遍操作流程！ 1. 新建tags资源文件夹 sakura主题已有静态标签生成插件，大多数主题都有哦，如果没有添加即可： npm install hexo-generator-tag --save 新建tags资源文件夹 hexo new page tags 编辑tags page 打开 source\tags\index.md 编辑成如下内容： --- title: tags layout: tags date: 2020-02-13 20:24:16 --- 主题目录添加tags 标签: {path: /tags, fa: fa-tags }, 在 themes\sakura\languages\zh-cn.yml 声明tags（大部分主题也有声明，如果没有则添加） tags: 标签 2. 创建样式文件 标签页面： themes\sakura\layout\tags

环境说明 Ubuntu Server 18.04 NodeJs Git 安装NodeJS 添加软件源 sudo apt-get install -y software-properties-common sudo add-apt-repository ppa:chris-lea/node.js sudo apt-get update 安装 sudo apt-get install nodejs sudo apt install libssl1.0-dev nodejs-dev node-gyp npm 更新npm的包镜像源 sudo npm config set registry https://registry.npm.taobao.org sudo npm config list 全局安装n管理器(用于管理nodejs版本) sudo npm install n -g 安装最新的nodejs（stable版本） sudo n stable 验证安装 sudo node -v sudo npm -v 安装Git sudo apt-get install git-core 安装Hexo npm install -g hexo-cli 创建项目 hexo init demo cd demo npm install 初始化完成之后，目录结构如下 . ├── _config.yml ├─

设置Hexo主题模式 Hexo主题中，有三种不同的模式，通过切换模式，让NexT主题显示不一样的样式。在NexT根目录下有一个同样名称为 _config.yml ，为了区分hexo根目录下的 _config.yml ，将前者称为主题配置文件，在其中找到 scheme 属性，NexT主题默认使用 Muse 模式，读者可根据自己的喜好，选择其中一种模式。 设置预览摘要 设置完模式后，读者们会发现，尽管首页显示的是所有文章的列表，但是每一篇文章都显示了所有内容，这样感觉看起来不舒服，这时候可以启用预览摘要模式，在主题配置文件中找到 auto_excerpt 属性，将 enable 设置为 true ，将 length 设置为想要预览到的字数 添加评论功能 注册友言账号 打开 友言官网 ，单击“注册”按钮后，按照套路可完成账号注册。 获取uid 注册完登录后，在首页单击“后台管理”按钮进入后台界面便可看到自己的用户ID，将其复制下来 主题配置文件 设置uid 打开主题配置文件，在其中找到属性 youyan_uid ，然后在 : 后添加之前复制的uid 添加打赏功能 获取微信收款二维码 微信二维码的获取途径还是比较容易的，按照 这个教程 即可实现，读者们也可以预先设置收款的金额。 获取支付宝收款二维码 笔者上网查了很多关于支付宝收款二维码的相关信息，奈何得到的结果不是版本不一致就是商家认证

Hexo 加入豆瓣读书页面 在 Hexo 博客个性化定制中，加入豆瓣读书界面是一个很不错的功能。GitHub 上已经有人写好了这个模块：hexo-douban，我们只需要安装模块，然后配置一下就可以了。 安装 npm install hexo-douban --save 配置 将下面的配置写入站点的配置文件_config.yml 里 douban: user: mythsman builtin: false book: title: 'This is my book title' quote: 'This is my book quote' movie: title: 'This is my movie title' quote: 'This is my movie quote' game: title: 'This is my game title' quote: 'This is my game quote' timeout: 10000 user: 你的豆瓣 ID. 打开豆瓣，登入账户，然后在右上角点击 “个人主页” ，这时候地址栏的 URL 大概是这样：”https://www.douban.com/people/xxxxxx/“，其中的”xxxxxx” 就是你的个人 ID 了。 builtin: 是否将生成页面的功能嵌入 hexo s 和 hexo g 中，默认是

Hexo博客搭建部署 Hexo是一款非常简洁明快，不用写代码就能搭建运行起来的静态博客框架，而且支持MarkDown文本编辑，如果你精通前端研发，那么恭喜你了，Hexo就是完全给你预备的，你可以随意的自建主题和风格样式，如果你不懂前端也没关系，Hexo也为你提供的大量的预制主题可以供你选择。我之前折腾过几回Hexo博客，现在把折腾的步骤分享给大家。 1. 安装Git # 1.先更新系统 yum update # 2.安装依赖的包 yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel gcc perl-ExtUtils-MakeMaker # 3.下载git源码并解压 # 下载地址：https://mirrors.edge.kernel.org/pub/software/scm/git/git-2.19.2.tar.gz tar zxvf git-2.17.1.tar.gz cd git-2.17.1 # 4.编译安装 # 将其安装在“/usr/local/git”目录下。 make prefix = /usr/local/git all make prefix = /usr/local/git install # 5.配置环境变化 vim /etc/profile # 然后在文件的最后一行

文章目录 1. 借助hexo框架快速生成pdf网页链接 1.0.1 具体方法 1.0.2 添加hexo博客book导航栏 2. 在hexo博客md文章中添加pdf文件预览功能 1. 借助hexo框架快速生成pdf网页链接 需求：有时我们想上传本地的pdf文件到网页上，同时提供下载功能，这样在其他电脑也能浏览这个pdf文件 1.0.1 具体方法 （1）在搭建好的hexo博客的根目录的source文件夹下新建一个文件夹，如file（用来存pdf文件），其实只要求pdf文件夹在source文件夹内 （2） 终端博客根目录使用命令 hexo g （3）可以看到生成的pdf链接 （4）用 hexo d 把静态博客部署到远端 （5）用网址 博客域名/file/ctex.pdf 就可以访问这个pdf文件了 同样的道理把html文件、jpg文件放到file文件夹里也可以生成网页链接 当然别人可以通过你的github.io看到你所有的pdf文件，因为都是public的 1.0.2 添加hexo博客book导航栏 （1）新建book导航栏 hexo new page book （2）在主题配置文件夹下添加 Book: url: /book icon: fas fa-book （3）然后在book文件夹中的index.md中添加你生成的pdf文件链接即可 2.

在这里给大家推荐一个好用的工具，链接放在下边了！ Marxio 1）设置标题：用“#”的个数来控制标题大小，"#"越多标题就越小。 2）列表：在列表前边加"- "(减号+空格)，如图： 3）列表：数字+英文输入法下的句号也可以。 4）图片：!+[]+() ，中括号相当于一个说明，不会显示出来，小括号里边放图片地址就可以了.(英文输入法下才可以，”+“不用写上，这里只是为了让大家看得更清楚。) 5）超文本链接：[]+() 例如百度： 在博客上就会显示为"baidu"的字样，点击便会跳转。 6）文字加粗：在文字两边各加两个“ ** ”就可以了。 7）斜体：在文字两边各加一个“ * ”就可以了。 8）调节文字样式、颜色、字体： 在博客中就显示为： 9）文字居中: 10）文字居右： 居左的话将”right“改为”left“即可。 11）引用样式：>加空格即可。 来源： CSDN 作者： @CT 链接： https://blog.csdn.net/qq_45927819/article/details/104591023

文章目录 hexo部署博客没有样式等问题 前言 问题描述以及解决过程 解决方法 样式解决方法 图片解决方法 总结 hexo部署博客没有样式等问题 前言 如果想看完成过程，可直接往下看 如果想知道怎么修改，直接看问题解决即可 最近因为部署到github的博客实在访问实在太慢了，想要不部署到gitee去，可能速度会快很多 问题描述以及解决过程 当下载了hexo的第三方主题，之后，输入 hexo server 可以在本地查看效果 但是上传到了gitee上面我发现样式全没了 我在百度上找了好久的方法都没有找到，于是就查看输入了 hexo g 的时候会生成什么，发现生成了一个public的文件夹，在这的文件夹跟上传到gitee的文件一模一样 于是，我打开进去看，打开index文件，并且找到了引入css的标签，试着把href改成 ./css/index.css 发现在本地打开打开就好了 部署到gitee也没有啥问题 但是图片就出问题了，头像和其他图片根本就没有出来，在本地打开文件却能看到 经过摸索发现了在更目录下的 _config.yml 文件里的 url 和 root 指定的位置，跟图片引入的位置有点关联，在之前百度的时候就有人过修改这两个的参数， _config.yml 默认的 url 是 http://yoursite.com 然后我发现用link引入的图片前缀都有 http:/

文章目录 环境准备 本地部署 SSH key 配置 本地配置 更改主题 远端部署 你的第一个博客网站 环境准备 node.js Git（git 官网下载很慢的，毕竟服务器在国外，可以去百度搜 Git 镜像） 本地部署 ( 建议所有命令均在 Git Bash 中执行） SSH key 配置 $ cd ~/. ssh 检查本机已存在的ssh密钥 如果提示：No such file or directory 说明你是第一次使用git。 如果提示：bash: cd: too many arguments，此时可跳过第二步 $ ssh-keygen -t rsa -C "test@test.com" 然后连续3次回车，最终会生成一个文件在用户目录下 打开用户目录，找到**.ssh\id_rsa.pub**文件，记事本打开并复制里面的内容 打开你的github账号，在settings 中打开 SSH and GPG keys 然后 New SSH key, title自拟，将刚刚复制的内容复制到Key中，最后Add SHH key即可 本地配置 检查nodejs是否安装成功 $ node -v $ npm -v 安装 Hexo $ npm i -g hexo-cli 创建本地文件夹 新建文件夹例如：blog 在该目录下打开 Git Bash 进行后续工作，以后所有的东西都会放在这个目录下