全网首发的傻瓜级教程:用宝塔面板Docker搭建halo2.9
分类: 未分类
简介:前几天,突发奇想地想搭halo玩玩,刚好iblog.top这个域名空下来了,于是正好拿来整个halo博客玩玩,本来打算按官方的那个文档来的,但是想来想去,觉得不行。一是觉得有点繁琐,按他那个来,我怕出问题之后自己找不出来;二是觉得有点浪费时间;还有就是我怕自己突然整到一半就跑去干别的事了,最后写出来的东西语序不对不说,出现啥错误就尴尬了。索性,采取了一些节约时间的做法——通过宝塔面板来安装halo注:由于有端口开放的要求,所以要求是有用户权限的服务器用虚拟机的朋友们可以询问客服一下能不能开放端口首先,你得要有一台服务器(或是能开放端口的虚拟机)配置能安装宝塔面板就行一般1h2g足够了Halo 理论上可以运行在任何支持 Docker 及 Java 的平台。但是,还是那句话——怎么简单怎么来对比Docker和Java在宝塔面板上,还是Docker操作更简单一点因此我们选择使用Docker来部署halo首先我们点击左侧菜单倒数第三列的软件商店其次在应用分类中点击运行环境然后在下方列表中找到Docker管理器轻击安装,至于版本选最新的,默默等待安装完成,你可以在等待安装的时候刷刷视频啥的。待他安装完成之后点击设置显示的是这个页面在镜像管理中点击获取镜像在官方库下键入halohub/halo:2.9刷新后可以看到halo的镜像出来了其次通过脚本指令来创建容器docker run it d name halo p 8090:8090 v ~/.halo2:/root/.halo2 halohub/halo:2.9这个时候我们可以看到容器就创建好了如果我们有服务器是有安全组的,需要设置8090端口放行。包括宝塔面板的安全组端口8090端口也要放行的。这里,我们先打开 "ip地址:8090",然后打开安装向导。登录后我们可以看到Halo博客的后台界面,这个我们可以根据实际需要再微调。这里就不详细介绍这个博客程序,以后有机会在介绍。包括我们也可以更换主题。当然到了这步还不算完,我们现在单单只是完成了halo的安装,但是我们现在还没有办法通过域名来访问我们的halo博客。所以我们需要通过反向代理,反向绑定映射的方式使得我们能够通过域名来访问我们的Halo博客。当然,在此前,我们的宝塔面板是没有绑定我们的域名的。所以,我们需要添加站点,直接点创建就好,其他的默认。在站点修改中点击反向代理并创建具体设置如上图(注意:这里的127.0.0.1指的是本机,也就是你自己的服务器)提交之后就完成了这时候,打开域名并刷新,你的Halo博客就安装成功了。参考资料:Halo文档:https://docs.halo.runDocker 安装文档:https://docs.docker.com/engine/install/Docker Compose 安装文档:https://docs.docker.com/compose/install/宝塔面板手册:https://www.kancloud.cn/chudong/bt2017/3130615
wordpress主题结构剖析之一
分类: 未分类
简介:我本来是打算最近不更新的,但是由于Sakurairo主题更新后的一堆问题,没有办法解决,总是陷入内循环,导致服务器高使用率和高负载。而我和Jack两个人都没解决。没办法,只能选择自己写主题,但是在此之前,由于之前没有写过WordPress主题,使得我决定在本章剖析一下WordPress的结构再谈开发主题的事情,顺便做一个笔记,免得自己,慢慢忘记了。之后再二开一个主题吧,至于是啥主题,暂时保密。WordPress的主题结构涉及到主题文件和目录的组织方式,主要分为四个部分,分别是:主题根目录、核心文件、模板文件、子目录和文件,首先是主题根目录:主题根目录:这是主题文件的最高级别目录,通常以主题名称命名。wp content/themes/your theme/在主题根目录中,除了核心文件(如style.css、index.php、functions.php)之外,还可以包含其他自定义文件和目录。在某些情况下,一些主题还包含子主题或样式化框架(如Bootstrap等)(Bootstrap确实蛮方便的)其次是核心文件: index.php:通常会使用WordPress函数(如get_header()和get_footer())调用其他相关模板文件。 functions.php:可以包含主题的自定义功能,如注册自定义菜单、添加自定义小工具区域、注册自定义文章类型等 style.css:除了元数据和自定义样式外,还可以包含其他CSS文件的导入和引用。
[precode]<?php
/**
* 主页模板
* 这是默认的模板文件,用于显示网站的主页内容。
* @package YourThemeName
*/get_header(); // 调用页眉模板?><div id="primary" class="content area">
<main id="main" class="site main"><?php if (have_posts()) : ?><?php while (have_posts()) : the_post(); ?><?php get_template_part('template parts/content', get_post_format()); ?>
<! 调用内容模板,根据文章格式选择对应的模板部件 ><?php endwhile; ?><?php the_posts_navigation(); ?>
<! 显示文章导航,上一页和下一页链接 ><?php else : ?><?php get_template_part('template parts/content', 'none'); ?>
<! 如果没有文章,调用“无内容”模板部件 ><?php endif; ?></main><! #main >
</div><! #primary ><?php
get_sidebar(); // 调用侧边栏模板
get_footer(); // 调用页脚模板[/precode]这个是一个标准的index.php文件分别使用了WordPress的模板函数get_header()、get_template_part()、the_post()、the_posts_navigation()、get_sidebar()和get_footer()这些函数分别用于获取页眉模板、获取模板部件、获取文章信息、显示文章导航、获取侧边栏模板和获取页脚模板。其次是functions.php 文件[precode]<?php
/**
* 主题功能和自定义代码
*
* 在这里可以添加主题的自定义功能、注册自定义菜单、添加小工具区域等。
*
* @package YourThemeName
*/// 在主题初始化时执行的动作
function your_theme_name_setup() {
// 启用文章特色图像支持
add_theme_support('post thumbnails');// 注册自定义菜单
register_nav_menus(
array(
'primary' => '主导航菜单',
'footer' => '页脚菜单',
)
);
}
add_action('after_setup_theme', 'your_theme_name_setup');// 注册侧边栏
function your_theme_name_widgets_init() {
register_sidebar(
array(
'name' => '侧边栏',
'id' => 'sidebar 1',
'description' => '这是一个侧边栏小工具区域。',
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h2 class="widget title">',
'after_title' => '</h2>',
)
);
}
add_action('widgets_init', 'your_theme_name_widgets_init');// 添加自定义短代码
function your_theme_name_custom_shortcode() {
// 声明一个简单的短代码,用于显示当前年份
function custom_year_shortcode() {
$year = date('Y');
return $year;
}
add_shortcode('current_year', 'custom_year_shortcode');
}
add_action('init', 'your_theme_name_custom_shortcode');[/precode]在这些代码中,可以根据我的注释看到引用了一些自定义功能:在 your_theme_name_setup() 函数中,我们启用了文章特色图像支持,并注册了两个自定义菜单。你可以根据需要修改或添加更多的菜单区域。在 your_theme_name_widgets_init()函数中,我们注册了一个侧边栏小工具区域,我们可以在这里添加其他小工具区域,并根据需要进行自定义。最后,在your_theme_name_custom_shortcode() 函数中,添加了一个自定义短代码。该短代码用于显示当前的年份。其次是我们的css样式文件,[precode]/*
Theme Name: Your Theme Name // 主题名称
Theme URI: http://www.yourthemename.com // 主题官网链接
Description: This is a custom theme for demonstration purposes. // 主题描述
Author: Your Name // 作者姓名
Author URI: http://www.yourwebsite.com // 作者链接
Version: 1.0 // 主题版本号
License: GNU General Public License v2 or later // 主题许可证
License URI: http://www.gnu.org/licenses/gpl 2.0.html // 许可证链接
Tags: responsive layout, custom colors, custom header, custom background // 主题标签*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code, em, img, small, strong, ol, ul, li, fieldset, form, label,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video {
margin: 0; // 边距归0
padding: 0; // 内边距归0
border: 0; // 边框归0
outline: 0; // 轮廓线归0
font size: 100%; // 字体大小重置为浏览器默认大小
vertical align: baseline; // 垂直对齐归位
background: transparent; // 背景透明
}body {
line height: 1; // 行高设置为1
}
body {
font family: Arial, sans serif; // 全局字体
color: #333; // 全局颜色
}h1, h2, h3, h4, h5, h6 {
margin bottom: 20px; // 标题下边距
}a {
color: #0066cc; // 链接颜色
text decoration: none; // 链接无下划线
}a:hover {
text decoration: underline; // 鼠标悬停链接加下划线
}
.site header {
background color: #f5f5f5; // 页眉背景颜色
padding: 20px; // 页眉内边距
}.site title {
font size: 24px; // 标题字体大小
font weight: bold; // 标题粗体
}
.content area {
width: 80%; // 主内容区域宽度
margin: 0 auto; // 水平居中
padding: 20px; // 主内容内边距
}
.sidebar {
width: 20%; // 侧边栏宽度
float: right; // 右浮动
background color: #f5f5f5; // 侧边栏背景颜色
padding: 20px; // 侧边栏内边距
}.widget {
margin bottom: 20px; // 小工具下边距
}
.site footer {
background color: #f5f5f5; // 页脚背景颜色
padding: 20px; // 页脚内边距
text align: center; // 居中对齐
}.site info {
font size: 14px; // 页脚信息字体大小
}[/precode]这只是一个基本的 style.css 示例,包含了一些常见的样式规则和选择器。在文件开头的注释部分,能根据自己的主题信息进行修改,包括主题名称、作者、版本等。紧接着是一些常见的 CSS 重置规则,用于清除默认样式。接下来是全局样式规则,定义了全局字体、颜色等属性。然后是一些特定部分的样式规则,包括页眉、主要内容区域、侧边栏和页脚的样式。 未完待续。。。。。
神曲神预言核废水:目覚めよウルトラマンティガ
分类: 未分类
简介:谁能想到迪迦的20周年主题曲:目覚めよウルトラマンティガ(觉醒吧 奥特曼迪迦)竟然精准预言日本排放核废水,只能说还是自家人知自家事,圆谷还是懂日本的。该歌曲点此前往目覚めよウルトラマンティガ (觉醒吧 奥特曼迪迦) ボイジャー(voyager)词:原彰孝曲:原文雄目覚めよ(现在就从长眠中)今遥かな眠りから(醒来吧)立ち上がれ(立刻 振作起来吧)今愛と正義の為に(为了爱和正义)暗闇が街を(黑暗在吞噬城市)人を狙ってる(以及人类)悲しみの海に(在悲伤的海洋)深く深く(深深地 深深地)沈みかかっている(不停地下沉)From the past to save our future救ってくれ未来を(将未来拯救吧)君の力で地球の平和を(以你的力量)取り戻して(让地球重获和平)From the love and strength of people救ってくれ僕らを(以你的力量)光を与えて君の力で(将我们拯救吧 给予我们光明吧)Ultraman tiga(现在就从长眠中)今遥かな眠りから(醒来吧)飛び立て(立刻展翅高飞吧)今愛と優しさの為に(为了爱和温柔)邪悪な心が森を(邪恶的心逐渐污染了)海を汚してく(森林和大海)希望が絶望の海に希望在绝望之海里深く深く(深深地 深深地)沈みかかってる(不停下沉)From the past to save our future煌めく未来を(以你的力量 让闪耀的未来)君の力で地球の自然を(让地球万物)取り戻して(重获安宁吧)From the love and strength of people救ってくれ僕らを(将我们拯救吧)心に輝きを取り戻して(重获内心的光芒)Ultraman tiga今こそ変われ(就是现在)赤きヒーロー(变身为红色的英雄)今こそ変われ紫に(就是现在 变身为紫色)力とスピードの戦士(兼具力量与速度的战士)Power and skyFrom the past to save our future救ってくれ未来を(将未来拯救吧)君の力で地球の平和を(以你的力量)取り戻して(让地球重获和平)From the love and strength of people救ってくれ僕らを(以你的力量)光を与えて君の力で(将我们拯救吧 给予我们光明吧)From the past to save our future煌めく未来を(以你的力量 让闪耀的未来)君の力で地球の自然を(让地球万物)取り戻して(重获安宁吧)From the love and strength of people救ってくれ僕らを(将我们拯救吧)心に輝きを取り戻して(重获内心的光芒)Ultraman tiga