博客网站的发布

域名的注册

选择域名注册商的因素有哪些?

域名注册商有很多,国内的万网、百度云、腾讯云,国外的GoDaddy、 Namesilo等等。

考虑因素之一:备案。

国内域名注册后需要备案,因为政策因素也可能随时被停用,国外域名注册后无需备案。

考虑因素之二:控制权与转移权

因为没有国内的政策限制,国外的域名注册商通常会给予用户域名的完全控制权与转移权。

Hexo博客主题之Icarus的图片轮播效果

分享来自一位大佬网站首页的图片轮播效果

实现步骤

第一步:按照路径打开themes/hexo-theme-icarus-master/layout/index.ejs,修改index.ejs如下:

1
2
3
4
5
6
7
8
9
10
11
//修改部分
<%- _css('css/main_banner') %>
<div id='banner' class='card'></div>
<%- _js('js/main_banner', true) %>
//修改部分
<% page.posts.each(function(post){ %>
<%- _partial('common/article', { post, index: true }) %>
<% }); %>
<% if (page.total > 1) { %>
<%- _partial('common/paginator') %>
<% } %>

Hexo中常用插件的安装与使用

hexo-asset-image插件的安装与使用

为何引入该插件?

在我们没有安装相关插件的情况下,我们在博文中需要引入图片时,按照通常思维引入图片的正常路径是:图片所在的位置相对于博客网站根目录内的source文件夹的路径。但运行网站后发现无法正常显示图片,查询相关资料后了解到在博文中引入图片前,首先需要在博客网站根目录内的_posts文件夹下建立一个与博文文件同名的文件夹,例如博文文件的名称是hello-world.md,那么文件夹的名称就是hello-world;然后,把需要引用的图片就放在该文件夹下,例如图片的名称是hello.jpg;最后我们在博文中引用这张图片时这样书写:![](hello-world/hello.jpg),但运行网站后发现还是无法正常显示图片,于是又经过查询发现正确引用路径应为![](hello.jpg)。如果熟悉 Markdown 语法,我们会发现这个引用路径有反常规。

这时,我们会有个疑问:为什么在引用图片的时候不需要加入图片所在文件夹的路径呢?

博文书写之Markdown的基本语法和注意事项

Markdown是什么?

Markdown是一种纯文本标记语言。Markdown 易于阅读,方便创作web文档,利于各平台无缝分发。Markdown 语法灵感最大的来源还是纯文本 email 的格式,完全由标点符号标签组成的纯文本。

Hexo博客主题之Icarus的设置与美化(进阶)

Icarus的瀑布流相册

Icarus的主题已经默认支持瀑布流的相册布局,我们可以添加到文章的任意位置。

第一步:修改博客网站的主题配置文件_config.yml,开启相册功能

1
2
3
4
5
6
plugins:
# Enable page animations
animejs: true
# Enable the lightGallery and Justified Gallery plugins
# https://ppoffice.github.io/hexo-theme-icarus/Plugins/General/gallery-plugin/
gallery: true //修改为true

Hexo博客主题之Icarus的设置与美化(基础)

博客网站根配置文件_config.yml的常见修改

这个配置文件在你的博客网站本地文件的根目录,不要同主题的配置文件弄混淆。

第一个需要修改的地方:网站的一些基本信息

1
2
3
4
5
6
7
8
#Site
title: zazdream //网站的标题
subtitle: ''
description: ''
keywords:
author: 张之卿 //网站的建设者
language: zh-CN //网站的默认语言,如何对照修改请查看备注(1)
timezone: ''

HEXO的安装与使用

什么是 Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

安装HEXO

安装前提
安装 Hexo 相当简单,只需要先安装下列应用程序即可:

(1)Node.js (Node.js 版本需不低于 8.10,建议使用 Node.js 10.0 及以上版本)
(2)Git

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×