hexo建站小结

news/2024/4/28 0:34:04/文章来源:https://blog.csdn.net/weixin_33979745/article/details/89086731

安装git和node

1、安装git和node,git和node安装步骤自行查询

安装hexo主题

1、安装hexo-cli

$ npm install -g hexo-cli

2、如需部署到github里面,则需运行命令(此步骤可跳过)

$ npm install hexo-deployer-git --save

3、上面步骤执行完成后,可以自行创建一个文件夹(比如:D:\个人\Blog),用于搭建博客目录

4、进入上一步骤的文件夹,初始化博客目录,其中_config.yml为网站配置信息,source目录为网站页面所存放地址。

$ D:
$ cd 个人/blog
$ hexo init
$ npm install

新建完成后,指定目录如下:

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts //有时候没有
|   └── _posts
└── themes

github搭建博客

1、进入博客,搭建仓库(比如:Blog)
2、进入此仓库,点击settings,在options里找到GitHub Pages这一栏,把source设置成master分支,并保存。此时,你得到一个网址,此网址就是你博客地址。

hexo创建的个人博客部署到Blog仓库

1、在_config.yml文件里设置如下,repo命令写换成自己的

deploy:type: git //此处需写成gitrepo: 仓库地址branch: master

2、运行如下命令

$ hexo g    //生成静态文件,hexo generate
$ hexo d    //部署到远程仓库,hexo deploy

3、如果想在本地查看,可以运行如下命令

$ hexo s    //启动服务器,hexo server

4、如果不想使用部署方法,也可以在生成静态文件后,在D:的目录下把Blog仓库克隆下来,运行生成静态文件命令后,把生成的public目录下的文件拷贝该目录里,提交到github

更换主题

1、此处推荐使用next主题,主题网址https://hexo.io/themes/
2、下载主题

$ cd your-hexo-site
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

3、打开站点配置文件_config.yml, 设置themenext,设置完成后,运行hexo clean来清除缓存,再运行hexo s命令,此时就可以看到更换后的主题。
4、风格设定
next提供3个风格,推荐使用Pisces

  • Muse - 默认 Scheme,这是 NexT 最初的版本,黑白主调,大量留白
  • Mist - Muse 的紧凑版本,整洁有序的单栏外观
  • Pisces - 双栏 Scheme,小家碧玉似的清新

5、设置语言,编辑站点文件,将language设置为zh-Hans
6、设置菜单

menu:home: /   //主页archives: /archives   //归档页#about: /about    //关于页面#categories: /categories  //分类页tags: /tags   //标签页#commonweal: /404.html    //公益404

7、设置头像,编辑站点配置文件,新增avatar,值设置成头像的链接地址,此地址可以为互联网url,也可以为站点内地址,比如/images/avatar.jpg
8、设置作者昵称,编辑站点配置文件,设置author为你的昵称
9、站点描述,编辑站点配置文件,设置description字段为你的描述,可以为你的喜欢的签名之类
10、添加标签页面

$ hexo new page tags

添加完成后,设置页面类型

title: 标签
date: 2014-12-22 12:39:04
type: "tags"
---

11、添加分类页面

$ hexo new page categories

添加完成后,设置页面类型

title: 标签
date: 2014-12-22 12:39:04
type: "categories"
---

12、设置代码高亮主题,在主题文件中找到highlight_theme字段,字段值有normal,night,night blue,night bright,night eighties。默认为normal。
13、侧边栏社交链接。主题配置文件中,设置如下。

# Social Links
social:GitHub: https://github.com/微博: http://weibo.com/social_icons:enable: trueGitHub: githubWeibo: weibo

14、腾讯公益404页面,新建404.html页面,放到source目录下,内容如下:

<!DOCTYPE HTML>
<html>
<head><meta http-equiv="content-type" content="text/html;charset=utf-8;"/><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><meta name="robots" content="all" /><meta name="robots" content="index,follow"/>
</head>
<body><script type="text/plain" src="http://www.qq.com/404/search_children.js"charset="utf-8" homePageUrl="/"homePageName="回到我的主页">
</script>
<script src="https://qzone.qq.com/gy/404/data.js" charset="utf-8"></script>
<script src="https://qzone.qq.com/gy/404/page.js" charset="utf-8"></script></body>
</html>

15、站点建立时间,编辑主题配置文件,新增字段since,值为站点建立时间

谷歌分析

编辑站点配置文件,新增字段google_analytics,值设置成你的Google 跟踪 ID。跟踪ID通常是以UA-开头。

阅读次数统计(LeanCloud)

1、进入https://leancloud.cn
2、创建应用,进入该应用,在存储页面创建class,class名称必须为Counter,主要是为了保证签名对Next主题的修改兼容。数据条目的默认权限设置成为无限制
3、在设置里找到应用key,然后在主题配置文件中配置,记录文章访问量是依据文章标题加上发布日期作为唯一键,所以如果你更改了这两个数值,会造成文章阅读数值清零。

leancloud_visitors:enable: trueapp_id: dddddddddapp_key: sssssssss

4、如果你想自己设置文章访问量,找到Counter表,设置其中time字段,保存即可,装逼必备。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_747392.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

phantomjs 抓取、截图中文网站乱码的问题的解决

2019独角兽企业重金招聘Python工程师标准>>> 1、用phantomjs抓取html乱码的解决方案&#xff1a; phantomjs --output-encodinggbk test.js http://webscan.360.cn/index/checkwebsite?urlwww.coding123.net 这两个参数可以指定编码 ... --output-encodingencoding…

《大型网站服务器容量规划》——3.4 通过回归方程规划容量

本节书摘来自异步社区《大型网站服务器容量规划》一书中的第3章&#xff0c;第3.4节,作者&#xff1a; 郑钢 更多章节内容可以访问云栖社区“异步社区”公众号查看。 3.4 通过回归方程规划容量 回归方程是统计学里面的知识&#xff0c;是一种应用数学&#xff0c;通常属于数学…

Chrome 不想让 HTTPS 网站通过 HTTP 下载文件

你是否经历过访问的明明是一个 HTTPS 网站&#xff0c;但是有时候站内下载东西使用的协议却是 HTTP&#xff0c;这其实存在安全隐患&#xff0c;现在 Chrome 不想让这样的事情发生。 ZDNet 报导&#xff0c;谷歌 Chrome 工程师正计划在 HTTPS 网站上默认禁止一些通过 HTTP 下载…

windows 2003和server 2008 取消对网站的安全检查/去除添加信任网站

2019独角兽企业重金招聘Python工程师标准>>> 服务器管理器->安全信息->配置IE ESC->管理员禁用->确定并重启浏览器 正常访问网站&#xff0c;提示如下&#xff1a; 转载于:https://my.oschina.net/guiguketang/blog/3037114

PHP开发网站到瓶颈了,技术上不知如何突破

2019独角兽企业重金招聘Python工程师标准>>> 推荐的一些牛逼的博客网站&#xff1a; 风雪之隅 看几个大公司的技术博客&#xff0c;学习一下一线的开发人员都在做什么&#xff0c;就差不多了腾讯大讲堂腾讯全端 AlloyTeam 团队点评美团技术团队蘑菇街技术博客 Nginx…

SEO终极算法(二)

上一篇我的文章《草根站长这一年用血的教训换来的SEO终极算法》受到了许多读者的争议。今天为了迎合读者迫切的需求&#xff0c;特意写了SEO终极算法(二)&#xff0c;希望给做SEO的朋友们能有一些启发。本篇文章比较基础常识性的SEO基础的问题我就不写了&#xff0c;只写比较有…

TP5实现支付宝电脑网站支付学习笔记

这两天在公司做一个小型WEB项目,需要有支付功能。第一次做支付宝的支付&#xff0c;踩了点小坑&#xff0c;还算顺利。激动的我赶紧记下实现的流程。第一步当然是在支付宝开放平台申请公钥私钥APPID等&#xff0c;支付宝关官方文档都有详细介绍&#xff0c;这里就省略。申请完了…

云服务器 ECS 建站教程:快速搭建 phpwind 论坛系统

快速搭建 phpwind 论坛系统phpwind 是采用 PHP MySQL 方式运行的开源社区程序。轻架构&#xff0c;高效率简易开发&#xff0c;帮助您快速搭建并轻松管理社区站点。phpwind 提供了 2 款完全不同的版本&#xff0c;分别是拥有成熟功能、海量插件支撑的 phpwind 稳定版&#xff…

记一次JavaWeb网站技术架构总结

俗话说的好&#xff0c;冰冻三尺非一日之寒&#xff0c;滴水穿石非一日之功&#xff0c;罗马也不是一天就建成的&#xff0c;当然对于我们开发人员来说&#xff0c;一个好的架构也不是一蹴而就的。 初始搭建 开始的开始&#xff0c;就是各种框架一搭&#xff0c;然后扔到Tomcat…

网站SSL安装配置

背景介绍&#xff1a;HTTPS&#xff0c;全称&#xff1a;Hyper Text Transfer Protocol over Secure Socket Layer,是通过SSL安全机制传输&#xff0c;保证网站数据不被窃听、冒充、篡改等安全风险&#xff0c;保证网站传输安全可靠&#xff0c;下面是通过nginx配置ssl模块记录…

【提权过程】嘉缘网站--提权,代理,内网渗透(针对445端口)

这篇是由上篇 【渗透过程】嘉缘网站--测试https://www.cnblogs.com/G-Shadow/articles/10964374.html之后的操作&#xff0c;文章包括了提权&#xff0c;HTTP代理及对内网的渗透 使用蚁剑连接上写入的一句话后&#xff0c;使用虚拟终端发现自己权限为最高权限可以执行任何操作 …

大型网站技术架构(五)网站高可用架构

2019独角兽企业重金招聘Python工程师标准>>> 网站的可用性&#xff08;Avaliability&#xff09;描述网站可有效访问的特性。 1、网站可用性的度量与考核 网站不可用时间&#xff08;故障时间&#xff09;故障修复时间点-故障发现&#xff08;报告&#xff09;时间点…

大型网站技术架构(四)网站的高性能架构

2019独角兽企业重金招聘Python工程师标准>>> 网站性能是客观的指标&#xff0c;可以具体体现到响应时间、吞吐量、并发数、性能计数器等技术指标。 1、性能测试指标 1.1 响应时间 指应用执行一个操作需要的时间&#xff0c;指从发出请求到最后收到响应数据所需要的时…

大型网站技术架构(八)网站的安全架构

2019独角兽企业重金招聘Python工程师标准>>> 从互联网诞生起&#xff0c;安全威胁就一直伴随着网站的发展&#xff0c;各种Web攻击和信息泄露也从未停止。常见的攻击手段有XSS攻击、SQL注入、CSRF、Session劫持等。 1、XSS攻击 XSS攻击即跨站点脚本攻击&#xff08;…

实现手机访问,自动跳转网站手机版

百度Site App的uaredirect.js实现手机访问&#xff0c;自动跳转网站手机版 以下为代码&#xff0c;可放置在网站foot底部文件&#xff0c;或者haead顶部文件&#xff0c;建议将代码放在网站顶部&#xff0c;这样可以实现手机访问立即跳转&#xff01; <script src"http…

通过webDAV来管理网站上的资源

WebDAV&#xff08;Web Distributed Authoring and Versioning&#xff09;扩展了HTTP.1.1通信协议的功能&#xff0c;他让具备适当权限的用户&#xff0c;可以直接通过浏览器、网上邻居来管理远程的webDAV文件夹内的文件&#xff0c;我们下面就来讲一下webDAV是实现。一、启用…

猫咪单独为某个网站添加Proxy

猫咪将overleaf网站添加到猫咪名单中&#xff0c;猫咪单独为某个网站添加猫咪 坑。暂时没有找到解决方案。 我想实现的效果是&#xff0c;打开一个网站&#xff0c;如果网站比较卡&#xff0c;就把这个网站添加到直联列表中。停止对它的猫咪。 方案1&#xff1a; 1、修改猫…

如何禁止自己的电脑访问某个网站?

如何禁止自己的电脑访问某个网站&#xff1f;BlockSite 方案1&#xff1a; https://blog.csdn.net/main_double/article/details/105613165 https://zh.wikihow.com/%E5%9C%A8%E7%94%B5%E8%84%91%E4%B8%8A%E5%B1%8F%E8%94%BD%E7%BD%91%E7%AB%99 操作了一大堆都是没用的&…

电商网站设计系列——促销码功能设计与思考

2019独角兽企业重金招聘Python工程师标准>>> 本文作者将会从三个方面讲述&#xff1a;如何设计电商网站的促销码功能呢&#xff1f;在设计过程中我们需要注意些什么呢&#xff1f; 国外电商网站中有一个东西叫做“促销码”&#xff0c;相当于国内电商的“优惠券”。…