找到
3
篇与
typecho
相关的结果
-
typecho-joe主题改动笔记 1 代码改动——根目录 1.1 文章:删除评论和侧边栏 文件位置:post.php 删除评论组件引用:删除如下代码 <?php $this->need('public/comment.php'); ?> 删除侧边栏组件引用:删除如下代码 <?php $this->need('public/aside.php'); ?>1.2 页面:删除评论和侧边栏 文件位置:page.php 删除评论组件引用:删除如下代码 <?php $this->need('public/comment.php'); ?> 删除侧边栏组件引用:删除如下代码 <?php $this->need('public/aside.php'); ?>2 代码改动——公共资源 2.1 侧边栏:删除作者栏 文件位置:public/aside.php 删除作者栏:删除joe_aside__item author,即删除如下代码 <section class="joe_aside__item author"> <img width="100%" height="120" class="image lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="<?php $this->options->JAside_Author_Image() ?>" alt="博主栏壁纸" /> <div class="user"> <img width="75" height="75" class="avatar lazyload" src="<?php _getAvatarLazyload(); ?>" data-src="<?php $this->options->JAside_Author_Avatar ? $this->options->JAside_Author_Avatar() : _getAvatarByMail($this->authorId ? $this->author->mail : $this->user->mail) ?>" alt="博主头像" /> <a class="link" href="<?php $this->options->JAside_Author_Link() ?>" target="_blank" rel="noopener noreferrer nofollow"><?php $this->options->JAside_Author_Nick ? $this->options->JAside_Author_Nick() : ($this->authorId ? $this->author->screenName() : $this->user->screenName()); ?></a> <p class="motto joe_motto"></p> </div> <?php Typecho_Widget::widget('Widget_Stat')->to($item); ?> <div class="count"> <div class="item" title="累计文章数"> <span class="num"><?php echo number_format($item->publishedPostsNum); ?></span> <span>文章数</span> </div> <div class="item" title="累计评论数"> <span class="num"><?php echo number_format($item->publishedCommentsNum); ?></span> <span>评论量</span> </div> </div> <?php if ($this->options->JAside_Author_Nav !== "off") : ?> <ul class="list"><?php _getAsideAuthorNav() ?></ul> <?php endif; ?> </section>3 CSS样式改动 3.1 内容自动居中、固定内容宽度 assets/css/joe.normalize.min.css文件,删除所有@media,改动.joe_main和.joe_container如下 .joe_main { min-width: 0; flex: 1; padding: 15px 0; max-width: 900px; margin: auto; } .joe_container { display: flex; width: 100%; margin: 0 auto; padding: 0 15px; max-width: 1100px } assets/css/joe.post.min.css文件,改动.joe_bread如下 .joe_bread { padding-top: 15px; max-width: 930px } assets/css/joe.global.min文件,改动.joe_header__below-class如下 .joe_header__below-class { display: flex; margin: auto } assets/css/joe.global.min文件,改动.joe_header.active.current .joe_header__below-titles如下 .joe_header.active.current .joe_header__below-title { display: block; margin: auto }3.2 表格根据内容自动调整宽度 assets/css/joe.global.min.css文件,改动.joe_detail__article table 如下 .joe_detail__article table { width: 100%; max-width: 100%; table-layout: auto; color: var(--minor); margin-bottom: 18px; font-size: 13px; border-top: 1px solid var(--classC); border-left: 1px solid var(--classC) }
-
使用typecho搭建博客 0 前言 使用Wordpress+blocksy主题建站一个月左右,由于我经常使用Typora做笔记,而Wordpress对Markdown的兼容性实在是太差,插件也都不好用,进而使用typecho+joe主题重新搭建本博客网站。 2025/06/03 基于当前网站实际搭建过程更新博客内容,以便读者能够搭建类似本网站样式的网站。1 准备工作 一个云服务器: 用来部署网站,推荐腾讯云或阿里云 普通博客网站购买轻量级即可 一个域名: 外部访问服务器的网址,如本网站:www.washy.cn 云服务器属于中国大陆区域,需要进行备案,参考域名备案的相关事项 2 云服务器环境搭建 在云服务器管理界面,创建操作应用实例,并安装Linux操作系统(Ubuntu或其他) 登陆云服务器,安装宝塔面板或同类别工具,以宝塔面板为例,前往官网查看安装命令,类似 wget -O install_panel.sh https://download.bt.cn/install/install_panel.sh && sudo bash install_panel.sh ed8484bec 安装完成后,根据窗口提示的外网访问网址以及账号密码,前往登陆宝塔面板界面 进入宝塔面板,选择LNMP一键极速安装,等待安装完成 3 初步搭建网站 点击左侧导航栏的【网站】-【添加站点】- 填写域名 - 创建数据库 - 提交 域名:备案审核已通过的话,使用域名;还没通过的,使用公网IP 数据库:选择创建 添加站点后,点击站点名后的【设置】,根据使用的工具修改【伪静态】 Nginx 默认情况 if (!-e $request_filename) { rewrite ^(.*)$ /index.php$1 last; } Apache <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php [L,E=PATH_INFO:$1] </IfModule> 点击站点名后的【根目录】链接,进入站点根目录(/www/wwwroot/站点域名),删除所有文件,上传下载的typecho压缩包并解压 typecho官网下载链接:https://typecho.org/download 将解压后的所有文件剪切至站点根目录 浏览器输入站点域名进入typecho配置界面,点击进入下一步 输入数据库名称和密码,点击【提交】。数据库名称和密码可在宝塔面板左侧【数据库】页面查询 本网站基本信息设置: 基本 - 站点名称:愚之説 基本 - 站点地址:https://www.washy.cn 基本 - 站点描述:积极乐观的前行~ 永久链接 - 自定义文章路径:选择【个性化定义】/{cid}.html 4 更换主题 4.1 Joe主题 简介:Joe原版主题,个人认为是typecho所有免费主题中最好用的 下载:可前往GitHub仓库下载 4.2 Joe再续前缘主题【推荐】 简介:Joe主题的魔改版,也是本网站使用的主题。对Joe主题进行了一些优化和改动,相较原版更符合我的审美和需求。 下载:自行前往作者的博客Joe再续前缘主题 - 搭建本站同款网站进行下载 4.3 主题更换方式 通过宝塔面板进入站点【根目录】 进入usr/themes文件夹,上传主题文件并解压 前往网站后台控制界面,点击【控制台】-【外观】,启用主题 5 安装插件 5.1 markdown插件 TypechoMathJax【推荐】 功能:自动渲染LaTeX公式 下载:https://github.com/glerium/TypechoMathJax MarkdownParse 功能:自动渲染LaTeX公式和mermaid流程图 下载:https://github.com/mrgeneralgoo/typecho-markdown 问题:与Joe再续前缘主题的代码块解析存在冲突 AutoLaTeX 功能:自动渲染LaTeX公式 下载:https://github.com/dreamerblue/AutoLaTeX 5.2 其他插件 SmartSpam 功能:智能评论过滤插件 作者:Typecho智能评论过滤插件:SmartSpam 下载:SmartSpam_v2.6.0 6 补充 6.1 Wordpress数据迁移 如果之前使用Wordpress搭建过网站,需要进行数据迁移,可执行如下步骤 下载安装WordpressToTypecho插件,下载地址http://docs.typecho.org/_media/plugins/wordpresstotypecho.zip 设置数据库名称、密码等信息 点击左侧WordpressToTypecho选项
-
博客搭建框架介绍 经过近两周的折腾,初步搭建了当前的博客网站,这期间调研了不少博客网站搭建的文章和教程,这里简要介绍下各个框架的特点,以便需要的人参考。 博客网站框架 最近主要接触了以下几种博客框架: 序号名称官网特点主题库1Hexohttps://hexo.io/zh-cn/无后台,配置简单,功能简单大量免费开源的主题2Halohttps://halo.run/有后台,配置简单,正在发展中相对较少,但未来可期3typechohttps://typecho.org/有后台,配置简单,仅适合博客大量免费开源的主题4Wordpresshttps://cn.wordpress.org/有后台,配置复杂,功能强大大量免费以及付费的主题博客框架推荐 以下仅为个人观点。博客框架的选择需要考虑自身需求和各种成本问题,这里主要基于以下几点进行分析: 网站功能: Hexo:纯静态网站,没有后台操作界面,即无法在线编辑,只能本地写好文章后,使用命令上传至GitHub或服务器。安装插件可实现文章评论功能,不支持用户注册。 Halo:有后台操作界面,支持markdown语法。支持评论、用户注册。 typecho:有后台操作界面,支持markdown语法,仅支持作为博客网站。支持评论、用户注册。 Wordpress:有后台操作界面,安装插件后支持markdown语法,拥有众多强大的功能。支持评论、用户注册。 网站美观: Hexo:有不少好看的主题且免费开源 Halo:主题库相对较少,尤其是更新后的2.0版本 typecho:主题库丰富,众多免费主题可供挑选 Wordpress:主题库丰富,免费版、付费版均有 搭建网站的时间成本: Hexo:很小,根据教程十几分钟即可在GitHub上搭建好。但评论等功能的添加需要额外花费时间。 Halo/typecho:云服务搭建半天左右,域名备案一周左右。 Wordpress:云服务器和域名配置同上。找到适合的主题比较花时间。 网站搭建的金钱投入: Hexo:使用GitHub Pages,可以零成本。购买域名,一年几块到几十块不等。 Halo/typecho/Wordpress:必须购买服务器和域名。新手优惠至少一百多每年,老用户至少六百多每年。 后期维护及优化 Hexo:一劳永逸,后期几乎不需要维护和优化。 Halo/typecho:暂不清楚。 Wordpress:随着内容的增多,需要进行额外的维护和优化。 综上所述,如果想完全白嫖,使用Hexo+GitHub Pages;如果购买了云服务器和域名,又不想投入太多精力在网站搭建上,建议使用Halo或typecho;如果比较想折腾或者完美主义者,直接Wordpress。