hexo

安装NexT主题 在hexo目录在使用git命令安装NexT主题，目前NexT主题的版本为V7.7.2，因此可能有些配置与之前版本会存在一点差异 使用git来安装NexT，指令clone目录为themes/next，便于hexo框架以后更换主题 git clone https://github.com/theme-next/hexo-theme-next themes/next NexT主题设定 首先我们认识一下配置文件 _config.yml hexo目录下的 _config.yml ：主题配置文件 themes/next目录下的 _config.yml ：站点配置文件 后面，我们主题的美化，将会经常修改这两个配置文件 更换当前hexo主题，设置站点名、语言、作者及其相关描述 打开站点配置文件 vim _config.yml vim可在命令模式下:/Site来找到关键字Site，修改相关内容 # Site title : xcatf's Blog subtitle : description : 千般荒凉，以此为梦。<br > 万里蹀躞，以此为归。 keywords : author : xcatf # 作者名字 language : zh - CN # NexT V7简体中文为zh-CN timezone : '' # timezone为时区，默认设置即可 :

欢迎访问 我的博客 前言 mellow主题自带了百度统计，但是不得不说百度统计真的不大好用，数据同步慢，UI丑，没有移动端app…… 于是决定搞一下谷歌分析（Google Analytics）。 材料 一个谷歌账号 一个网站 一台能访问google的设备 一个会一点英语的人 在浏览器中进行 进入analytics.google.com，会显示让你登录 用你的google账号登录 因为我已经添加过网站了，无法再次获得开始的用户页面，反正按照google说的做就行（该同意的协议都同意，该填的信息都填上） 最后会到达一个页面，上面大大地（也不是特别大）写着你的 跟踪ID ，那么网站就已经添加成功了。 在本地进行 进入你的博客文件夹中的 \themes\mellow\layout\_partial 找到head.ejs并打开 在第二行和第三行之间插入你的跟踪代码（ 从网页上复制 ）： hexo三连即可 hexo cl hexo g hexo d 不久就能在google analytics中看见自己网站的访问信息了 不得不说，这篇文章写的有点草，很多重要步骤没配图，有问题的可以评论或者加我QQ（在 Links页面 ） 来源： CSDN 作者： fail_perfectly 链接： https://blog.csdn.net/fail_perfectly/article/details

博客搭建有很多框架与工具可以选用，我选择了耳熟能详的hexo，个人比较喜欢 2020.1.18 第一步：安装hexo运行环境node.js 直接在 node.js官网 下载安装。 安装之后输入 node -v 和 npm -v 能查看版本则安装成功。 第二步：安装hexo基本框架 第一步：下载hexo npm是node.js上的包管理器，需要用到npm下载hexo，但速度太慢了。先使用npm安装国内的淘宝镜像源cnpm：在终端输入 sudo npm install -g cnpm --registry="https://registry.npm.taobao.org" 并回车。 下载完成后，输入 cnpm -v 查看是否安装成功 第二步：cnpm安装hexo 在终端输入 sudo cnpm install hexo-cli -g 回车。 第三步：初始化hexo框架 新建一个用于博客的文件夹，进入文件夹下，然后开始初始化——挺慢的。。。 第四步：插件安装 执行成功后安装两个插件 npm install hexo - deployer - git -- save npm install hexo - server 之后我们就可以在自己的本机上查看自己的博客了 hexo g hexo s 打开浏览器访问 http://localhost:4000 第三步：写博客 写一篇文章： hexo

文章目录 自定义CSS部分 彩色标签 心形转动分类 底栏修改 配置文件解释 站点配置文件 主题配置文件 个人博客 https://www.renke666.top 尽管在配置文件中做了修改美化了博客，但原有样式还是比较简陋，修改的话就需要自定义CSS样式。这也算是美化博客的一大步进展吧，踩了很多坑。 这篇算是博客的美化部分暂时完结之作，花了很多的精力去美化，整体从十二月初断断续续的忙，寒假初期忙了会也算是忙了有两个月吧。果然写博客不是关键，捣鼓才是关键，中间还是学到挺多也挺值得的。然而慢慢捣鼓发现还有很多很多新鲜神奇的东西，目前也没有太多时间，暂且放一边。以后就专心写点东西放上来了，在电脑上写有时东西一多一乱就不好找，这下也算有个地方可以聚合一下。 首先需要HTML+CSS+JS基础，在修改样式时参考了很多博客好的样式，也学到了很多，中间踩了很多坑，基础很关键。回顾前面的美化过程其实走了很多弯路，最好是在有基础的情况下，然后把配置文件详细搞清楚，再大概了解 \themes\next\layout 部分的 .swig 文件的具体格式和用法就能完成的很快，且可以较轻松的自定义各布局。 新版本的hexo自定义CSS需要在 \themes\next\source\css\main.styl 中 // Custom Layer 之后也就是最后增加自己自定义的CSS 写HTML和CSS用

安装git yum install -y git 检查git是否安装成功 git --version # git version 1.8.3.1 在Node.js官网下载二进制压缩包，下载后解压缩 tar -Jxv -f node-v12.16.0-linux-x64.tar.xz -C /opt/ 为node和npm设置软链接 ln -s /opt/node-v12.16.0-linux-x64/bin/node /usr/bin/ ln -s /opt/node-v12.16.0-linux-x64/lib/node_modules/npm/bin/npm-cli.js /usr/bin/npm 检查Node.js是否安装成功 node --version # v12.16.0 安装Hexo，为其设置软链接 npm install -g hexo-cli ln -s /opt/node-v12.16.0-linux-x64/lib/node_modules/hexo-cli/bin/hexo /usr/bin/hexo 用hexo命令创建一个文件夹，用来存放博客的文件，这里在/srv目录下创建了test_hexo文件夹 hexo init /srv/text_hexo 进入新创建的文件夹，安装需要的依赖 cd /srv/text_hexo/ npm install 启动服务

自动推送是百度搜索资源平台为提高站点新增网页发现速度推出的工具，安装自动推送JS代码的网页，在页面被访问时，页面URL将立即被推送给百度。 进入百度搜索资源平台的 链接提交 处，将百度给出的自动推送JS代码拷贝下来： < script > ( function ( ) { var bp = document . createElement ( 'script' ) ; var curProtocol = window . location . protocol . split ( ':' ) [ 0 ] ; if ( curProtocol === 'https' ) { bp . src = 'https://zz.bdstatic.com/linksubmit/push.js' ; } else { bp . src = 'http://push.zhanzhang.baidu.com/push.js' ; } var s = document . getElementsByTagName ( "script" ) [ 0 ] ; s . parentNode . insertBefore ( bp , s ) ; } ) ( ) ; < / script > 打开主题中的 head.pug 文件，路径： yourblogdir /themes/maupassant

maupassant 主题依赖插件 hexo-renderer-jade : 支持Jade/Pug渲染 hexo-renderer-sass : 支持Sass渲染 hexo-generator-search : 实现本地搜索 search : path : search.xml field : post content : true hexo-deployer-git : Git部署插件 hexo-generator-feed : 生成订阅文件 # Extensions plugins : hexo - generator - feed #Feed Atom feed : type : atom path : atom.xml limit : 20 hexo-generator-sitemap : 生成网站sitemap sitemap : path : sitemap.xml 来源： CSDN 作者： Jin_zc 链接： https://blog.csdn.net/charjindev/article/details/104312178

PWA（Progressive Web App）是一种理念，使用多种技术来增强web app的功能，可以让网站的体验变得更好，能够模拟一些原生功能，比如通知推送。在移动端利用标准化框架，让网页应用呈现和原生应用相似的体验。 —来自 百度百科 Progressive Web App , 简称 PWA，是提升 Web App 的体验的一种新方法，能给用户原生应用的体验。 PWA 能做到原生应用的体验不是靠特指某一项技术，而是经过应用一些新技术进行改进，在安全、性能和体验三个方面都有很大提升，PWA 本质上是 Web App，借助一些新技术也具备了 Native App 的一些特性，兼具 Web App 和 Native App 的优点。 PWA 的主要特点包括下面三点： 可靠 - 即使在不稳定的网络环境下，也能瞬间加载并展现 体验 - 快速响应，并且有平滑的动画响应用户的操作 粘性 - 像设备上的原生应用，具有沉浸式的用户体验，用户可以添加到桌面 PWA 本身强调渐进式，并不要求一次性达到安全、性能和体验上的所有要求，开发者可以通过 PWA Checklist 查看现有的特征。 **推荐阅读：**https://lavas.baidu.com/pwa/README 可以了解一下什么是PWA 开始操作 ** 注意： **你的博客必须全站为HTTPS，这是使用PWA的基础条件 ** 注意：

今天闲来无聊，尝试了Hexo博客部署到码云和 崭新的Coding平台 ，我之前试过将博客部署到Coding上，成功了，但Coding平台进行大更新，虽说我的博客地址之前还能用，但有点乱，就将之前的仓库全部删除，重新部署下。就写下这篇教程，希望能够帮到那些搭建博客的小伙伴们，如果教程有错，希望大家能够指出来，我会及时修改的，谢谢大家的支持！ 部署到Coding平台 首先去 官网 进行注册，也可以用第三方微信进行注册。 注册完成之后就会进入主页面，然后创建新项目，如下图所示： 代码托管项目：用于托管代码仓库，支持多个仓库，并可选择开启 CI/CD 和制品库功能 项目管理项目：支持 Scrum 敏捷管理和传统任务管理项目，包含需求、任务和缺陷 DevOps项目：包含项目管理、代码托管、CI/CD 和制品库等功能，提供完整的研发流程 在这里我们选择第三个，DevOps项目，这个含有构建与部署功能。 选择第三个DevOps项目后，会出现下面的页面： 项目名称：与你的用户名相同，用户名就是你的团队名 团队域名可以修改一次，会显示一个修改笔的图标，因为我修改过了，所以就没显示。 添加部署公钥 在个人设置里面，点击 SSH公钥 ，点击 新增公钥 。 公钥名称：自定义 公钥内容：可以使用之前连接GitHub的公钥，在本地的 C:\Users\你的电脑账户名\.ssh ，我的为 C:\Users

说明 一言网 创立于2016年，隶属于萌创Team，目前网站主要提供一句话服务。 动漫也好、小说也好、网络也好，不论在哪里，我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来，形成一言网络，以传递更多的感动。如果可以，我们希望我们没有停止服务的那一天。 简单来说，一言指的就是一句话，可以是动漫中的台词，也可以是网络上的各种小段子。 或是感动，或是开心，有或是单纯的回忆。来到这里，留下你所喜欢的那一句句话，与大家分享，这就是一言存在的目的。（来源于一言官方网站） API文档 这是一个Hitokoto Api更新时间表： 时间 影响Api 调整 2018年6月之前 旧版API（http://api.hitokoto.cn和https://sslapi.hitokoto.cn） 旧版API将在6月份之前以切换解析的方式合并到v1API中。也就意味着调整之后请求此API无异于请求v1API。调整后此接口的稳定性将不再受到维护。 2018年7月之前 v1API（https://v1.hitokoto.cn） v1API将发布最终版本。v1接口将会在未来存在较长时间（即使v2发布，请放心使用）。 v2 发布（时间未知） v2API（域名未知） 上线v2API。 目前 v1 接口已进入功能锁定阶段，任何需求请在 v2 功能申请表中提出。 由于一言目前属于公益性运营