Hexo主题界面美化

开始

CSS更改

样式参考

成果参考

1
文件目录:myblog\themes\yilia\source\main.0cf68a.css
1
2
3
4
5
6
7
8
9
10
11
左边侧边栏
.left-col{
侧边栏菜单
.left-col #header .profilepic(头像)
.left-col #header .header-menu(主页菜单)
.left-col #header .header-smart-menu(所有文章等项目菜单)
#header .header-nav .social(社交按钮菜单)
自己添加部分
#header .header-nav .music(网易云音乐)
#poem_sentence(每日一句诗歌)
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
右侧文章(註：在2194行)
.article{
文章区域右上角日期
.archive-article-date
文章标题
.article-inner h1.article-title,.article-title
文章右下角展开全文
.article-more-link a
文章下方分割线
.article-info-index.article-info
文章中超链接
.article-entry a
}
回到顶部按钮
.mod-side-operation__jump-to-top .icon-back
.jump-container:hover .icon-back
1
2
3
4
5
6
7
8
9
10
颜色渐变动画
@keyframes gradientBG
淡出淡入动画
@keyframes load_music
横拉动画
@keyframes before_Load_Left_col
@keyframes after_Load_Left_col
缩放动画
@keyframes before_load_article
@keyframes after_load_arricle

阅读全文

ThinkPHP

ThinkPHP6.0完全开发手册
ThinkPHP6.0学习视频

开始

URL正确跳转

两种方法

1.设置伪静态，即URL重写

将以下内容保存为.htaccess文件放到应用入口文件的同级目录下（ThinkPHP自动创建，在public文件下）

1
2
3
4
5
6
7
8
9
10
11
12
13
Apache
<IfModule mod_rewrite.c>
  Options +FollowSymlinks -Multiviews
  RewriteEngine On

  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteRule ^(.*)$ index.php/$1 [QSA,PT,L]
</IfModule>
Nginx
if (!-e $request_filename){
rewrite ^(.*)$ /index.php?s=$1 last; break;
}

2.跳转地址加入?s=

如HTML中的<a>标签的属性href=”Index/main”在未设置伪静态时访问出现404错误，改成href=”?s=Index/main”即可正常访问

关于验证码问题，未设置伪静态时图片无法显示（同样404错误）

在vendor\topthink\think-captcha\src\helper.php的captcha_img方法中更改return语句

1
return "<img src='?s={$src}' alt='captcha' " . $domid . " onclick='this.src=\"?s={$src}?\"+Math.random();' />";

阅读全文

MyBlog

参考文章:hexo+github.

开始

注册域名

创建仓库

安装nodejs

验证安装是否成功(其中npm为安装nodejs时附带,git安装自行百度)

1
2
3
$ node -v
$ npm -v
$ git --version

安装Hexo

1
2
$ npm install hexo-cli -g
$ hexo -v

初始化Hexo

新建文件夹myblog，右键git bash here

1
2
3
4
$ hexo init
$ npm install
$ hexo g
$ hexo s

此时在浏览器输入localhost:4000就可以看到生成的博客页面

修改内容

参考官方文档
注意需要如下修改

1
2
3
4
deploy:
  type: git
  repo: https://github.com/Alucard-9/Alucard-9.github.io.git
  branch: main

部署项目

1
2
3
4
5
6
7
8
安装部署工具，方便以后更新
$ npm install hexo-deployer-git -save
初始化本地仓库
$ git init
连接远程仓库
$ git remote add origin https://github.com/Alucard-9/Alucard-9.github.io.git
发布hexo到github page(清空、刷新、部署)
$ hexo clean && hexo g && hexo d

阅读全文

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置：

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

啊可恶