博客搭建及美化


搭建框架

博客主要采用github + hexo + hexo-theme-matery进行搭建

此博客使用github pages进行托管,利用hexo搭建博客框架,使用hexo-theme-matery作为博客的主题。

hexo搭建博客可以下载多种主题,使用配置的方式让代码小白也能拥有自己的一个博客

hexo-theme-matery页面美观,成体系的架构博客,使得用户专注于博客内容得编写而省去开发得繁琐

github项目地址

hexo-theme-matery

博客主题美化

  • 鼠标点击显示文字特效

mouseclick

参考文章:https://blog.csdn.net/victoryxa/article/details/105841309

  • 代码高亮

参考github https://github.com/ele828/hexo-prism-plugin

todo

  • 给自己的博客加上看板娘——Live2d蕾姆 | 雷姆

参考文章: https://zhuanlan.zhihu.com/p/35351118

  • 评价和邮件通知、音乐播放器

参考:https://www.cnblogs.com/mfrank/p/12830097.html

  • 主题魔改

参考:https://juejin.cn/post/6844904132608786446

  • 代码高亮不显示问题

https://prismjs.com/#languages-list

<!DOCTYPE html>
<html lang="en">
<head>

<script>
    // Just a lil’ script to show off that inline JS gets highlighted
    window.console && console.log('foo');
</script>
<meta charset="utf-8" />
<link rel="icon" href="assets/favicon.png" />
<title>Prism</title>
<link rel="stylesheet" href="assets/style.css" />
<link rel="stylesheet" href="themes/prism.css" data-noprefix />
<script src="assets/vendor/prefixfree.min.js"></script>

<script>var _gaq = [['_setAccount', 'UA-33746269-1'], ['_trackPageview']];</script>
<script src="https://www.google-analytics.com/ga.js" async></script>
</head>
<body>

文章作者: 葛济维
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 葛济维 !
评论
  目录