hexo

在git客户端上传的时候一直报错，显示无法上传到github 报错信息如下 $ git push -u origin master To git@github.com:**/Demo.git ! [rejected] master -> master (non-fast-forward) error: failed to push some refs to ‘git@github.com:**/Demo.git’ hint: Updates were rejected because the tip of your current branch is behind hint: its remote counterpart. Merge the remote changes (e.g. ‘git pull’) hint: before pushing again. hint: See the ‘Note about fast-forwards’ in ‘git push –help’ for details. 解决方法（问度娘的，因为自己是刚搭建的，所以选择了第一种，强制push，若是你已经搭建好的博客，还是选择其他几种方法——>第一种最省事，最快） 原因：远程repository和我本地的repository冲突导致的，而在创建版本库后

前言 该文章主要为了记录我如何在GitPages上面部署博客网站，这里的话，码云上面也有相同的功能。 若有小伙伴担心GitHub担心把中国的访问也禁了的话（大概不会吧），可以在码云上面部署。流程应该是差不多的。 因为我使用的域名是.cn后缀，所以部署到GitHub上面就不用备案了。码云是国内的，应该要备案了，这个就看各位小伙伴的选择了。 可以看看我的网站： https://colablog.cn/ 开始 第一步，安装工具 我们需要创建一个空的项目，怎么创建呢？这里我是使用Hexo的博客框架， 他会使用Markdown引擎快速渲染出静态页面。 安装hexo的前提是需要安装好下面的应用程序： Node.js (Should be at least nodejs 6.9) Git 然后使用npm安装Hexo。(建议去配置个淘宝的cnpm镜像，快贼多) $ npm install -g hexo-cli 第二步，hexo创建项目 我们需要使用hexo建立一个空的项目,这里的项目名为blog。 $ hexo init blog $ cd blog $ npm install 为了在可以在本地调试效果，我们需要安装hexo-server，就是Hexo的服务器 $ npm install hexo-server --save 然后启动hexo-server，访问的网址的 localhost

参考资料 https://www.jianshu.com/p/fd233d967e88 https://segmentfault.com/a/1190000005624504 https://github.com/theme-next/hexo-theme-next https://zhiho.github.io/2015/09/29/hexo-next/ http://theme-next.iissnan.com/getting-started.html https://blog.csdn.net/q2158798/article/details/82354154 https://www.jianshu.com/p/f068b8a36d84 基础环境 npm [root@wordpross ~]# npm -v 3.10.10 node [root@wordpross ~]# node -v v6.17.1 hexo [root@wordpross ~]# hexo version hexo-cli: 2.0.0 os: Linux 3.10.0-862.14.4.el7.x86_64 linux x64 http_parser: 2.8.0 node: 6.17.1 v8: 5.1.281.111 uv: 1.30.1 zlib: 1.2.7 ares: 1.10.1-DEV

想必很多人会把Hexo生成出来的静态网站放到GitHub Pages来进行托管。一般发布Hexo博客的流程是，首先在本地搭建Hexo的环境，编写新文章，然后利用 hexo deploy 来发布到Git。那么对于本地的Hexo的原始文件怎么管理呢？如果换电脑了怎么办？如果没有对原始文件进行备份，突然有一天你的本地环境挂了导致源文件丢失，那不就呵呵了。也许你会想到用Dropbox或者其他方案来对源文件进行备份，但是每次更新完博客，需要备份好源文件，然后执行 hexo deploy 进行发布，是不是很麻烦？换了电脑之后又要重新搭建本地环境，是不是很蛋疼？ 那么接下来我们就来说说如何优雅愉快地对我们的Hexo进行版本管理和发布。 既然我们已经用了GitHub来托管我们生成出来的静态网站，那么为什么不也把Hexo博客的源文件也host在GitHub上呢。那么问题来了，如果我们把Hexo博客的源文件托管在GitHub上，我们的发布流程就会变为： 执行git push把更新的源文件push到托管源文件的GitHub Repo (我们称之为Source Repo) 执行hexo deploy来更新托管静态网站的GitHub Pages (我们称之为Content Repo) 这样看来，每次更新博客要经历两个步骤，并不是那么straightforward

解决markdown图片不显示(返回403 forbidden)、添加本地图片无法显示、修改文章page模板、同时部署发布同步到多个仓库站点(Github、coding、gitee 码云) 图片不显示 在使用过程中，会发现有的引用图片无法显示的问题。但是如果直接复制图片地址到浏览器打开的话显示正常 403 forbidden，说明了这个网络资源这样获取是被拒绝的，那么通过简单的百度，找到了相关的解决方法，并去实际尝试： 解决方法 ：只需要在头部添加一个meta <meta name="referrer" content="no-referrer" /> 当然在Hexo中呢，应该在你的 md文件中添加meta，如下： --- title: test date: 2018-09-01 14:38:14 tags: test,测试 description: 测试 --- <meta name="referrer" content="no-referrer" /> # 这是一篇测试文章 ## 内容 这样只要你在每篇文章中添加这行meta就可以解决图片不显示的问题啦！ 修改文章模板 每当你使用命令 hexo new '文章名称' 新建一篇文章时，你可能需要在里面书写 <!--more--> ，或者还要写 meta，这样你会觉得很麻烦。所以这里我说下修改模板的方法，解决你每次都要写重复的内容

环境准备node.js npm cnpm git（略） 注：右键，以管理员身份进入cmd 安装hexo-cli脚手架 cnpm install hexo-cli 初始化 hexo init 会自动上github上去下载项目 启动 hexo s 新建一篇文章 hexo n “xxxx” 清理下 hexo clean 生成下 hexo g 在github上面部署 创建一个新仓库 注：名字必须是 昵称+github+io 例：chr1043086360.github.io 安装部署的插件 cnpm install --save hexo-deployer-git 打开配置文件 vim _config.yml 修改部署的配置 # Deployment ## Docs: https://hexo.io/docs/deployment.html deploy: type: git repo: https://github.com/chr1043086360/chr1043086360.github.io.git branch: master 部署成功 chr1043086360.github.io 更换主题 推荐： https://github.com/litten/hexo-theme-yilia 腾讯的大佬开源的 git clone https://github.com/litten

这个系列我们前面已经更新了两篇，点击下列链接可直接访问： 基于 Hexo + GitHub Pages 搭建个人博客（一） 基于 Hexo + GitHub Pages 搭建个人博客（二） 一、添加扫描二维码关注功能 打开 themes 目录下的 next 主题配置文件，找到 Wechat Subscriber 标签，将该标签下的配置改成如下形式： # Wechat Subscriber wechat_subscriber: enabled: true # 打开图片显示功能 qcode: /images/wechat-qcode.jpg # 需要显示的二维码图片 description: 扫描二维码关注微信公众号，了解更多 # 在图片的底部添加描述 配置完成后，切记将所需要扫描的二维码图片放置在 images 文件夹下面，否则系统找不到图片。 结果如下图所示： 二、添加文章赞赏功能 打开 themes 目录下的 next 主题配置文件，找到 Reward 标签，将该标签下的配置改成如下形式： # Reward reward_comment: 赞赏是最好的支持与鼓励！ # 添加打赏描述 wechatpay: /images/wechatpay.jpg # 微信收款码图片 alipay: /images/alipay.jpg # 支付宝收款码图片 #bitcoin: /images

系统环境：ubuntu18.04 1.设置SSH cd ~/.sh sudo ssh-keygen -t rsa -C "你的注册邮箱" #生成ssh # 然后连按三下回车 sudo gedit id_rsa.pub #打开id_rsa.pub文件，并把内容复制到剪切板 登录到github打开设置； 选择SSH and GPG keys，点New SSH 然后配置SSH，点击Add SSH key完成。 2.配置SSH cd ~/.ssh #进入ssh目录 sudo touch config #新建ssh的配置文件 sudo gedit config #修改ssh的配置文件 sudo chmod 600 config #添加权限 config 文件的内容： Host github.com User 你的注册邮箱 Hostname ssh.github.com PreferredAuthentications publickey IdentityFile ~/.ssh/id_rsa Port 443 测试 sudo ssh git@github.com 看到如下图，说明配置成功 3.修改_config.yml 修改deploy下的repo属性 deploy: type: git repo: git@github.com:你的name/你的username.github.io.git

Typora是一个非常方便的markdown编辑器，支持所见即所得，同时也比较方便的支持本地图片的插入。使用Typora写Hexo博客，需要关注的地方就是在Typora中插入图片时，不用修改即可发布到网站。 先通过hexo产生一篇文章 myblog$ hexo n "用Typora写Hexo博客" 这时候在source/_posts下会产生下列文件和文件夹 localhost:_posts niuxinli$ ls 用* 用Typora写Hexo博客.md 用Typora写Hexo博客 一般我们要把图片放到文章名对应的目录下，我们事先放进去。 localhost:_posts niuxinli$ ls 用Typora写Hexo博客 f1-1.png 然后在文章中引用的时候。  但是在用Typora插入图片的时候，会自动插入全路径，  我们可以插入后修改，但是这样在写文章的时候无法预览图片，如何既能符合发布的格式，又能在本地预览呢？ 我们在偏好设置里，勾选“优先使用相对路径”，这样就能展示相对路径了。 同时，在插入图片时增加一个动作，复制到当前路径下的filename目录下