● 可通过主题、插件来实现功能的二次扩展。 它如何运行 为了方便部署并且减少环境安装和影响,nvPress运行在Docker环境中,安装后直接运行。...开机自启动建议勾选,以免服务器重启之后容器暂停服务 创建网站,进行反向代理 由于docker运行的项目为本地项目,因此需要使用nginx进行反向代理映射到外网。...上传主题和插件 nvPress是一个全新的CMS系统,目前可能没有第三方主题。因此,开发者为其开发了一个可用于博客使用的niRvana主题。下载后解压到nvPress的nv-themes文件夹中。.../nv-plugins 这是上传插件的文件夹 /www/wwwroot/test.plaidweb.top/nv-themes 这是上传主题的文件夹 nvPress 主题下载:https://dsm.panda-studio.cn...Node进行开发的,如果缺少js相关依赖,可以自行在packages文件夹中新建package.json文件,使用npm安装相关的依赖即可。
Node.js 的最佳方式是使用 nvm。...下载好文件到博客目录的themes文件夹下后,系统怎么知道你要用哪一个主题呢?当然要自己修改配置文件了。打开_config.yml 文件修改66行左右为theme: next : ? ? ?...永久链接 格式 permalink_defaults: #永久链接中各部分的默认值 # Directory source_dir: source #资源文件夹,这个文件夹用来存放内容。.../code #Include code 文件夹 i18n_dir: :lang #国际化(i18n)文件夹 skip_render: #跳过指定文件的渲染,您可使用 glob 表达式来匹配路径。...然后回到终端,输入如下命令,注意 xml 文件的路径请修改为自己的路径: hexo migrate wordpress /Users/timhbw/Downloads/tim.wordpress.2017
接下来介绍一下并提供个添加到WordPress 主题的教程。 Orbit 简介 ? ?...插件官方主页:点击访问 演示页面:点击查看 幻灯片jQuery插件Orbit 集成到WordPress 主题教程 看官方,Orbit最新的版本(1.3.0)貌似集成到某个框架去了,我们可以使用旧版本(...下载所需要的文件:官方下载 百度网盘 下载解压后,将这个文件夹重命名为orbit,放到WordPress 主题目录下(当然,你可以自定义路径,以下以此为准)。...一、确保你的WordPress 主题已经加载jQuery 库,注意是要1.5.1 版本以上的。...二、首先将下面的代码放到主题的header.php(具体哪里知道吧),这是加载CSS、js 文件的代码: <link rel="stylesheet" href="<?
/JS,设置自定义页面等等。...主要的理由: 操作简单 如果是部署Wordpress这样的博客,首先就要租服务器,服务器组好后,还要搭建Nginx等Web服务器,最后还要配置PHP、设置数据库等等。...(备案很简单的) 因为Hexo是本地构建静态HTML+CSS+JS,所以你需要在本地部署Hexo配置文件。用来生成静态博客,本地你需要: node.js:用来构建Hexo。...之后,在hexo目录下source/_posts下,即可看见刚刚创建的文章。以.md即为,为Markdown文件。同时兼容HTML、CSS以及JS语法。...cd public # 部署当前目录下所有文件 tcb hosting deploy -e $envId 其中,$envId为你Cloudbase的环境ID: [环境ID] [部署] 此时,访问静态网站托管页面
方法一 1.首先点击下方下载文件并解压 2.wordpress用户将解压的js文件上传至你主题目录的js文件夹下 3.wordpress用户将下方代码复制你主题的footer.php文件里一定要在标签之中 (注:代码中的路径要改为你自己的绝对路径。)...路径名一般为(http://你的域名/wp-content/themes/你的主题名称/js/djtx.js) 方法二 如果嫌方法一麻烦的话可以直接将下方代码添加至footer.php文件里,强制刷新页面即可显示效果...--给 WordPress 网站添加鼠标点击爆炸五颜六色特效--> src="https://pan.ahap.cn/yanhua.js
如何使用XAMPP搭建本地环境的WordPress网站 文章目录[隐藏] 为什么要搭建本地WordPress网站? 什么是XAMMP?...在计算机上安装XAMPP 使用XAMPP搭建建本地WordPress网站 搭建本地环境WordPress网站后 如何使用XAMPP搭建本地环境的WordPress网站 想学习WordPress建站,不想买服务器...您是否使用XAMPP在计算机上搭建建本地环境WordPress网站?在电脑上搭建本地环境的WordPress可帮助您试用WordPress,测试主题和插件以及学习WordPress开发。...在本文中,晓得博客将向您展示如何使用XAMPP轻松创建本地环境的WordPress网站。 为什么要搭建本地WordPress网站? ...Mac系统地址:/Applications/XAMPP/htdocs文件夹。 将复制的wordpress文件夹粘贴到htdocs中。
src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> 2.紧接着加载压缩包里的jquery.lazyload.min.js...依然还是主题的header中。(示例,放入主题目录内的/js/文件夹) src="主题的header.php中添加 说明:使用ob_start()函数自动在缓冲区处理需要最终加载的图片标签格式 5.在主题footer.php适当位置处添加php代码.可以是之前,也可以是最后一行。 说明:注意第6行中的grey.gif为:预加载的图片名称grey.gif,预加载的图片路径:WordPress程序根目录。当然这里也可以使用绝对路径。
Node.js: 必须安装 Node.js 开发环境,建议参考node.js 安装。 个人域名(可选):申请自己的域名可以有自己专用的地址解析链接。...--force 初始化Hexo 在选好的文件夹下运行命令,我们以 TestHexo 为例设立我们的第一个Hexo 站点。...提示:域名需要按照国家要求备案 仓库设置 进入github建立的hexo仓库,点击settings按钮设置仓库,在Custom domin中填入自己的域名,并Save: 本地设置 在Hexo...又见苍岚 更换主题 hexo主题有很多,默认主题为landscape。 更换主题需要下载主题包放在Hexo目录中themes文件夹内,如我下载了Next主题,文件夹如图所示。...并将站点配置文件中主题换成相应的主题名: 主题可以在github现有的工作中挑选。
您是否想使用XAMPP在计算机上搭建建本地环境WordPress网站?在电脑上搭建本地环境的WordPress可帮助您试用WordPress,测试主题和插件以及学习WordPress开发。...在本文中,我们将向您展示如何使用XAMPP轻松创建本地环境的WordPress网站。 为什么要搭建本地WordPress网站? ...启动xampp 现在,准备使用XAMPP安装搭建本地环境的WordPress网站。 使用XAMPP搭建建本地WordPress网站 首先,需要下载WordPress。...Mac系统地址:/Applications/XAMPP/htdocs文件夹。 将复制的wordpress文件夹粘贴到htdocs中。 ...登录搭建好的WordPress网站,在侧边栏中的外观菜单,点击主题,然后添加即可;这里有一些免费主题,可以试试。
my-docsvuepress dev在 docs 文件夹中的 Markdown 文件可以包含 Vue 组件和自定义的 Vue 代码。...中配置使用自定义主题:module.exports = { theme: 'my-theme', // 指向自定义主题的路径 themeConfig: { // 主题配置 },};添加 my-theme...在VuePress项目中使用自定义插件安装插件:如果是本地开发的插件,你可以通过npm link或者直接在package.json中引用本地路径来安装。...创建主题:在你的Docusaurus项目根目录下创建一个名为 src/theme 的文件夹,这将是你的自定义主题。... );}export default Footer;配置使用自定义主题:在 docusaurus.config.js 中,确保你的网站配置指向正确的主题路径。
三、删除Github中已有的仓库(即删除远程仓库) 三箭齐发,太累了,以下演示仅以GitHub为例。其余的同理。 如果我们想要删除Github中没有用的仓库,应该如何去做呢?...即我们通过删除本地仓库的某个文件或文件夹后,再将本地仓库与远程仓库同步,即可删除远程仓库中的某个文件或文件夹。...6.1、本地仓库和远程仓库同时删除文件或文件夹 1、我们先在本地仓库中删除掉文件a.txt ? 2、然后执行以下命令,即可删除远程仓库中的文件了 ? 删除远程仓库中的文件夹同理。不在演示。...6.2、只删除远程仓库的文件或文件夹,不删除本地仓库的文件或文件夹 假如我们想要在远程仓库中将文件夹test01删除掉,但在本地仓库中并不想把它删除: ? 在命令窗口输入以下命令: ?...进入本地仓库,设置本地仓库的远程仓库连接。在第一步中已经设置好了本地仓库,并连接上github的远程仓库,现在给本地仓库多连接上几个远程仓库即可。
> 但是 WordPress 不能确定是否在在页面加载了 JS,Css 文件,如果另一个插件使用相同的 JS,Css 文件,就无法检查 JS,Css 文件是否已经被包含在页面中。...如果丢失某些其他样式文件将导致你的样式表将无法正常工作,你可以使用该参数设置“依赖关系”。 $ver (字符串或布尔型,可选)版本号。你可以使用你的主题的版本号或任何一个你想要的。...如果您不希望使用一个版本号,将其设置为null。默认为false,这使得WordPress的添加自己的版本号。...默认值:None $src(字符串)(可选)WordPress根目录下的脚本路径示例:"/wp-includes/js/scriptaculous/scriptaculous.js"。...在 WordPress 中,注册样式是“可选的”。如果你的样式不会被其他插件使用,或者你不打算使用任何代码来再次加载它,你可以自由地排队样式而不需要注册它。继续看看它是如何实现的。
└── themes # 主题文件 之后使用Hexo命令,可以生成public文件夹,内部就是可以发布的静态文件了: . ├── _config.fluid.yml...其实,刚刚用宝塔安装脚本安装过程中,会自动在服务器上安装Git环境。...: blog:用于存放Hexo打包的public文件(后续有由本地git push) imageHost:用于存放图片(也就是我们的图床文件夹,后续也由本地push) 比如: [创建的文件夹(注意我的路径...)] 使用宝塔的可视化Nginx,创建Nginx配置文件: 文件:, 设置文件夹权限: [文件夹权限] 创建Git 我们本地Hexo打包为public静态资源,需要使用git的git push推送到服务器...方法很多,你可以用域名去解析两个网站文件夹。 但是如果你只有一个域名,可以使用Nginx反向代理图床文件夹为博客文件夹的子文件夹。
至此,“操作系统”、“应用商店”、“APP软件”所有环境已经安装完毕。 本地部署 接下来就是如何在本地部署Hexo博客。...如图所示,我在我的PC中D:\code文件夹中新建了一个Hexo-Demo的文件夹,我想把博客就在这个文件夹中。...创建博客 在该文件夹中使用命令: hexo init 即可生成博客,这个时候你会发现原来空白的文件夹中已经自动生成了很多文件,这也就意味着你已经完成了博客的创建。...你可直接使用一些Markdown编辑工具在博客路径\source\_posts文件夹下新建md文件来实现文章的创建。...,必须是你前面显示的名字作为二级域名,然后Description中填写一段描述的话,还有就是记得要设置为Public,这样的话才保证任何人都可以通过域名来访问你的博客。
教程中要用到的文件有:一张图片、spig.js文件 下载地址:直链下载 百度网盘 华为网盘 WordPress 添加个性化的博客汉纸篇教程 一、CSS 将下载得到的spig.png放在主题的images...文件夹里(应该都有吧?)...二、加载jQuery库 请确定你的主题有没有加载加载jQuery库,如果没有,请按照《为你的WordPress 选择最佳的第三方jQuery 库》与《WordPress中的jQuery库不起作用的相关问题...接着,同样是在主题的footer.php 文件下,接着第三步的代码下面,加入以下代码: src=" 上面代码的spig.js 路径是在主题根目录下,你可以自定义路径。 一些效果图集合: ? ?
所以我们修改字体就是通过修改第一行的字体类型 今天带来的是如何使用本地字体 教程开始 1.上传字体到本地(部分主题自带有字体,我们直接放到font文件夹里面,如果没有就新建一个文件夹) ?...2.使用 @font-face定义本地字体 @font-face 能够加载服务器端的字体文件,让客户端显示客户端所没有安装的字体。...,在里面找到body,找到font-family修改成我们需要的字体,这样就完成了wordpress字体设置。...实际上,因为wordpress主题中的CSS样式文件有很大差别,设置也不是这么简单,我们需要找到各处的font-size进行修改。...比较标准的wordpress主题都会设置一个body字体样式,然后后面的字体样式都是按比例缩放,因此我们修改完body,然后可以查看博客的显示,如果对某个地方的字体样式不满意,可以点击右键查看网页源代码
下载链接 如果Git和Node.js的环境变量都配置好了,可以通过在cmd中确认安装结果。...那么怎么安装新的Hexo主题呢? 在我们的Hexo项目路径下,可以看到有个 themes 文件夹,这个文件夹就是用于存放主题文件的。...下载 NexT 主题 首先在Hexo项目的路径下打开命令窗口,如果你没有配置好Git的环境变量,请使用Git Bash。...# 用法:`Key:/link/ || 菜单图标` # Key就是菜单名,如果对该菜单名进行了国际化,即将其翻译放到对应的languages文件夹中,将会根据你设置的语言进行加载对应的菜单名翻译;如果没有设置翻译...最后介绍下如何将本地的个人项目远程部署到 GitHub Pages,涉及到GitHub的项目仓库、Git的使用,以及Hexo的远程部署等。
注意: 在开始本教程前请确保你已经看过《WordPress中添加自定义评论表情包的方法(附三套表情包下载)》原文并在你的主题上实现该功能,要求下载的smilies[devework.com].zip文件在这里有用...你可以下载相关文件(里面有若干php、js文件)来直接修改使用,当然,你也可以直接按照教程来自行建立相关php、js文件,下文中不再细说。...WordPress Ajax 异步加载 自定义评论表情教程: 一、删除你主题上来自于《WordPress中添加自定义评论表情包的方法(附三套表情包下载)》一文的所有代码(重要!)...>/lib/js/smiley_ajax.js"> 四、将下面的代码保存为 smiley_ajax.php ,放到主题的includes 文件夹: 在主题的 functions.php文件中包括进去该文件: include(TEMPLATEPATH .'
wordpress中ZeroClipboard实现js+flash跨浏览器剪切板复制粘贴 作者:matrix 被围观: 2,424 次 发布时间:2013-09-16 分类:Wordpress 零零星星...确保zpCOPY.swf路径的正确,建议使用绝对地址(形如https://www.hhtjim.com/zpCOPY.swf)。...地址可自定义 第8、9行的text、anniu为第3步代码中对应的id值 第10、11行是复制后的弹窗提示。...第2行为需要复制的文本内容。这里的复制的内容是的返回的WordPress文章网址。...id="anniu" 第2行 复制的文本是 id="wenben"的内容 3-4行 加载配置的swf文件路径,复制按钮、复制的文本ID以及复制成功后变成“复制成功”的样式。
本篇文章我将介绍如何去更好的了解使用 Akina for Typecho 模板,感受它独特的灵魂和魅力。...博主修改了相关js使其自动获取网站地址,但是这样改完后仅且只能使用图标包,即“img”标签 主题自带一种表情包,可仿照其格式自行添加表情。...主页(hmoe.php)设置 Akina 提供了一个独特的首页页面 在博客后台-设置-阅读-站点首页 选择直接调用 hmoe.php模板文件,并勾选 同时将文章列表页路径更改为/blog(当然可以改成其他的...,但要同时修改模板里路径home.php) 其他页面 在管理-独立页面-新增页面中 友链必须为links.html结尾。...请在CDN服务商提供的空间内创建AkinaCDN文件夹,然后将主题目录的css、fonts、images、js文件夹及其下文件完整上传。
领取专属 10元无门槛券
手把手带您无忧上云