2020-02-22

博客网站的搭建

7 分钟读完 (大约 1068 个字)

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

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

实现步骤

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

//修改部分
<%- _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') %>
<% } %>

2020-02-18

博客网站的搭建

11 分钟读完 (大约 1622 个字)

Hexo博客主题之Icarus的设置与美化（进阶）

Icarus的瀑布流相册

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

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

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

2020-02-18

博客网站的搭建

9 分钟读完 (大约 1322 个字)

Hexo博客主题之Icarus的设置与美化（基础）

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

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

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

#Site
title: zazdream  //网站的标题
subtitle: ''
description: ''
keywords:
author: 张之卿  //网站的建设者
language: zh-CN  //网站的默认语言，如何对照修改请查看备注（1）
timezone: ''

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

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

实现步骤

Hexo博客主题之Icarus的设置与美化（进阶）

Icarus的瀑布流相册

Hexo博客主题之Icarus的设置与美化（基础）

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

相关链接

分类

标签云

最新文章

归档

标签

最新文章

归档

标签

Your browser is out-of-date!

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

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

实现步骤

Hexo博客主题之Icarus的设置与美化（进阶）

Icarus的瀑布流相册

Hexo博客主题之Icarus的设置与美化（基础）

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

相关链接

分类

标签云

最新文章

归档

标签

最新文章

归档

标签

Your browser is out-of-date!

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