首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【个人博客搭建及配置一】基础配置

得到如下项目目录: node_modules:是依赖包public:存放的是生成的页面scaffolds:命令生成文章等的模板source:用命令创建的各种文章themes:主题_config.yml:整个博客的配置...db.json:source解析所得到的package.json:项目所需模块项目的配置信息 2.本地运行 首先在本地跑起来你的代码 控制台安装hexo-server npm i hexo-server...3.github配置 首先要创建一个github账号 并配置好ssh 这些不懂的可以自行百度。...在浏览器中输入http://yourgithubname.github.io就可以看到你的个人博客了!...一些其他配置 搜索功能 使用搜索功能首先需要: npm install -S hexo-generator-json-content 然后: search: insight: true readme

43520

博客搭建(三):域名配置及SSL证书配置

如果想要博客支持 https 连接,则必须需要一个有效的 SSL 证书。...打开之后,在 nginx.conf 配置文件中的最后一行,加上如下配置: user nginx; worker_processes 1; error_log /var/log/nginx/error.log...,我们会看到有三个 server,其中,第一个 server,是配置将所有 http 请求,转发到 https;第二个 server 和 第三个 server,是配置域名网址 与 SSL 证书进行关联。...(由于阿里云上申请的免费证书不支持域名通配符,只能一个域名对应一个证书,因此配置了两个仅证书不一样的 server) 最后 到这里,关于 Nginx 的配置也就完成了,现在你可以访问一下自己的域名,并进行...> 提示: 在设置了 Nginx 反向代理之后,请一定记得去 Halo 的后台管理系统设置一下正确的博客地址,否则可能会造成资源获取不成功。

79400
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    如何快速搭建好看的个人博客(完整配置与源码)

    , 是一点也没有被浏览器收录啊, 怎么都搜不到,受到一万点打击,所以决心改一改 其实vuepress的官网已经写的挺好的了, 但是我这篇文章也有优势啊,是一步步的教你搭建, 这样就不用来回在文档中去找什么配置...mkdir docs 接着在docs文件夹中创建.vuepress文件夹 cd docs mkdir .vuepress 这个文件主要就是放vuepress相关的配置 到这一步, 我们的项目大体架子已经搭建出来了...globalUIComponents:["fixed"], } ] globalUIComponents是用于注入全局的UI, 它以数组的形式接收参数名字, 这里的名字必须与components...", "manifest_version": 2 } 配置评论 由于之前有小伙伴说过,『程序员成长指北』公众号上不能评论,所有这次我在博客中增加了评论功能,刚开始本来打算使用gitTalk, 但是我的博客采用的是部署到自己的服务器...本文章实现的内容都已经上传到github, 如果不想一步步进行配置的, 可以直接下载下来使用,就不用重复造轮子啦! 需要博客源码的小伙伴可以直接公众后台回复【博客】领取,或者直接联系我。

    1.5K10

    【个人博客搭建及配置五】评论系统

    导读: 分类:技术干货 题目:评论系统 史上最全个人博客搭建教程系列... 博客使用valine作为评论工具,原因是他使用简介,体积轻量,灵活配置,速度很快!...vcomments', appId: '', appKey: '' }) 03 数据管理 配置好这些...可以在leanCloud中管理评论 登录>选择你创建的应用>存储>选择Class Comment 04 安全域名 为了数据安全,在leanCloud中配置你的安全域名 配置项 Valine还有一些其他的配置项...notify 类型:Boolean 默认值:false 必要性:false 评论回复邮件提醒,请参考配置。 verify 类型:Boolean 默认值:false 必要性:false 验证码服务。...可选值: ''(空字符串) mp identicon monsterid wavatar retro robohash hide 更多信息,请查看头像配置。

    64130

    VuePress搭建技术网站与个人博客

    个人博客: 博客1(默认主题)、博客2(自定义主题) 三、开始搭建 coding之前,建议大家先了解markdown语法,为之后的文档撰写做铺垫:传送门 1....我们先来一个最简单的配置看看效果: module.exports = { title: '南宫的博客', head: [ // 注入到当前页面的 HTML 中的标签...这里使用的官方默认主题: 左上角的logo与title 右上角的全局搜索框与nav导航栏 左侧的sidebar导航栏(自动将md一级标题设置为导航文案) 右侧的markdown内容 注意:项目自带热更新...配置首页(可选): 一般的技术文档网站都需要一个首页作为该技术的简介,个人博客也需要这样的欢迎页。...即 Github 提供的、用于搭建个人网站的静态站点托管服务。很多人用它搭建个人博客。这种方式的好处是免费、方便,坏处是速度可能会有些慢、不能被国内的搜索引擎收录。

    1.6K10

    基于Jekyll与Github Pages搭建博客

    引言 有搭建博客这个想法的原因是看到室友搭的博客,感觉很不错,暑假了也得搞点事情,于是就参考了室友的博客,查了不少教程学着自己也搭一个。...下面我就来说明一下自己的博客搭建过程,因为是第一次尝试,所以这篇博客可能出现一些错误,欢迎大家指出~ 搭建过程 搭建博客的思路参考了吴坎师兄的博客,搭建的流程也基本遵从师兄的配置教程与网络上的教程。...Jekyll 运行环境的配置与安装 事实上,在搭建博客的过程中,配置这个安装环境我花的时间是最久的也是最懵逼的,最后也是不知道为什么才终于配置成功。...如果完成了上面环境的配置,打开命令行,执行gem install jekyll,然后保佑安装过程一切正常,安装后执行jekyll -v检测是否安装成功,如果成功显示版本,那么恭喜你,搭建博客过程中最让人云里雾里的一部分终于完成了...参考资料 本次博客的搭建主要参考了以下内容,感谢作者们~ 基于Jekyll搭建个人博客 jekyll-theme-H2O博客主题 个人网站的搭建(基于GitHub和Jekyll主题 ) Jekyll +

    1.2K10

    Cnblogs博客皮肤配置与分享记录

    [TOC] 0x01 前身简述 描述: 博客园第三方主题数不胜数, 或者你也为你的博客园作了一些优化, 下面是本博主收集整理并使用的开源的博客园皮肤, 例如本博主当前博客匹配。...操作步骤 步骤 01.打开你的博客首页 -> 管理 -> 设置 或者 (https://i.cnblogs.com/settings) 步骤 02.设置博客皮肤为“Custom”, 并将代码高亮渲染引擎选择...步骤 04.使用 loading 显示,我们需要配置【页首 HTML】与【页面定制 CSS】 a.复制如下代码粘贴到【页面定制 CSS】 #loading{bottom:0;left:0;position...,此处采用markdown格式 欢迎各位**博客园**好友来访,博主是一个从事网络安全运维开发行业(专业搬砖),爱学习新技术,爱分享技术、爱交流的(三爱青年),欢迎访问博主个人博客【[https://...---- 0x03 开发配置 环境依赖 Git :https://dl.softmgr.qq.com/original/Development/Git-2.29.2.2-64-bit.exe Node

    59110

    搭建个人博客网站Github、Hexo与Next

    效果展示:风恣的博客 目录 一、准备工作 二、搭建博客(远程与本地) 三、发布博客 四、更换主题 五、博客网站美化 六、在不同电脑管理hexo博客 七、遇到问题 八、其他方案 一、准备工作...2.搭建Node.js环境 我们了解到Hexo基于Node.js的,那么我们搭建博客网站首先需要安装Node.js环境。...二、开始搭建博客 1.开启GitHub Pages服务 搭建我们的个人博客需要一个唯一的域名,当然我们可以申请购买一个域名来使用,但是在不是太必要的情况下,我们也可以通过Github Pages获得一个免费使用的域名...首先找到我们的博客仓库,并拷贝仓库地址: ? 然后修改本地博客目录的配置: 修改本地博客根目录下的_config.yml文件,修改deploy下的配置如下: ?...3.修改博客配置文件,更换主题配置 修改博客根目录(不是next主题)下的_config.yml文件,搜索theme字段,并将其值修改为next。 ?

    1.6K60

    博客搭建(一):本地搭建

    学习完本结课程,就可以让你的博客在本地运行起来啦! 常用博客框架介绍 博客比较流行的常用框架主要有两个,即:Hexo 框架 和 Halo 框架。...Hexo Hexo 官网 ,Hexo 是一个快速、简洁且高效的博客框架,也是一个比较老的博客开发框架了,它是采用 Node.js 开发的,功能强大,部署方便,但是没有博客后台管理系统,所以对博客进行管理就不是很方便...跟随市场的潮流,本文主要介绍 Halo 框架的搭建和使用。 配置 Java 环境 1、JDK 下载与安装,建议下载 Java 8 版本,下载完成后,直接安装即可。...class} 指定是否为隐式引用文件生成类文件 -encoding 指定源文件使用的字符编码 -source 提供与指定发行版的源兼容性...-target 生成特定 VM 版本的类文件 -profile 配置文件> 请确保使用的 API 在指定的配置文件中可用 -version

    64510

    搭建个人博客

    ——快速搭建属于自己的个人博客思路如下: 1.拥有一台虚拟主机或者云服务器,拥有自己的域名 2.将域名解析到虚拟主机或云服务器 3.上传下载的wordpress的源码并进行相关配置 4.上传博客主题 简单的四步...,你便拥有了属于自己的个人博客~ 虚拟主机+WordPress搭建 如果没有其他需求的话,虚拟主机无疑是最好的选择,成本低而且便于操作, 下面我以 虚拟主机+wordpress 来进行演示: 虚拟主机...大陆外的主机 更新于2023年2月1日:我重新搭建了个人博客,原因是原白嫖的美国主机不稳定,故更换为香港,页面加载速度也极大提升了, 忠心劝告:第一次就把机子搞好点,否则迁移博客很麻烦,流泪提示 !!!...配置界面 2.自己定用户名和密码 3.博客站点界面,按要求填写即可,包含站点标题之类的… 上述完成后,登录进入wordpress就成功了(撒花~) 到这一步,恭喜你,博客雏形已经有啦!...,在左下角的Argon主题选项 如果懒的话,可以直接用我的(我把它放到最下面了,因为我的各种设置有点多,都是在网上搜集到的,以及自己探索出来的[doge]) 那么,恭喜你,快速搭建了个人博客,开启你的学习探索之旅吧

    2.1K30

    搭建 Halo 博客

    搭建 Halo 博客框架的教程 Halo 是一个功能强大且易于使用的开源博客框架,它提供了丰富的功能和灵活的扩展性。本教程将指导你如何搭建 Halo 博客框架,并提供了一些注意事项和易错点的提醒。...步骤 2:安装 MySQL 数据库 在搭建 Halo 博客框架之前,你需要先安装 MySQL 数据库。...步骤 4:配置数据库 进入 "halo" 文件夹,编辑文件 application.yml,配置数据库连接信息: spring: datasource: url: jdbc:mysql://...主题选择:Halo 提供了多个博客主题供选择,你可以根据自己的喜好和需求进行选择和配置。 总结 通过以上步骤,你已经成功搭建了 Halo 博客框架,并可以使用它来创建和管理自己的博客。...在搭建过程中,请注意遵循注意事项和易错点的提醒,以确保顺利完成搭建并获得最佳使用体验。 希望这篇教程对你有所帮助!如果你有其他问题,欢迎继续提问。

    43410

    搭建个人博客——购买服务器以及配置(下)

    之前一篇文章讲到了教大家如何购买服务器,这篇文章接着讲如何配置自己的服务器。...图3 好了,现在再转到控制台,点击左边的“安全组” 图4 如果你的安全组里有,那你只需要点右边的“修改” 图5 如果你没有,那你就点击右上角的“创建安全组” 图6 有了安全组之后,要配置安全组,...点击右边的“配置规则”,然后“快速创建规则” 图7 图8 规则设置如下 图9 设置好以后,回到实例界面,复制服务器的ip(后面有“公”字的那个) 图10 然后在浏览器的地址栏中输入ip+:8888,...现在你可以访问一下你的网站了,输入公共ip就行了,如果你看到的网页是你上传的网页文件,那就恭喜你,个人网站搭建完成

    2.1K10

    个人博客搭建

    在此开源博客的基础上做了改进,修复了一些bug,顺利搭建完成了我的个人博客。大家对此主题有兴趣的可以下载源代码,搭建属于自己的个性化博客。...个人博客 演示:http://luckyzmj.cn 0x003 Hexo 初级搭建 1. 安装Git Git是目前世界上最先进的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。...生成SSH添加到GitHub 生成SSH添加到GitHub,连接Github与本地。...将hexo部署到GitHub 将hexo生成的文章部署到GitHub上,打开博客根目录下的_config.yml文件,这是博客的配置文件,在这里你可以修改与博客配置相关的各种信息。...Hexo+Github博客搭建完全教程 hexo-theme-matery作者教程 Hexo+github搭建博客(超级详细版,精细入微) hexo(matery)背景、滚动条优化+增加点击跳评论

    2.3K140

    详细nginx+php配置,mysql安装,搭建博客wordpress

    修改nginx的配置文件,代理php5-fpm的9000端口 sudo vi /etc/nginx/sites-available/default ?...,放在跟目录; 个人建议是安装一个git工具,把代码放在GitHub上,或者其他存放代码的地方; sudo apt-get install git 不然,也可以直接下载到服务器: 先进入到nginx配置的根目录...wp-config.php文件 这时,就手动添加;把文本框中的php代码复制下来,创建一个wp-config.php文件 在网站的根目录 sudo vi wp-config.php 再次访问: 就是最后一步了,填写这个博客网站的一些基本信息...之后访问ip就可以了; 访问ip/wp-admin可以进入博客后台管理界面,以及发布文章; ----------------------------- 注意,你的系统不同或者你的电脑没在公网上,安装过程可能会稍微不一样...还有几个配置文件,存放的路径可能不一样,需要正确的找到配置文件,进行配置

    2K50

    个人博客搭建

    个人博客搭建 作者:张首富 时间:2020-10-09 w x:y18163201 邮箱:zsf18163201@163.com 博客地址: blog.zhangshoufu.com [TOC] blog...配置图床,我们这边选择的是阿里云的oss,所以我们只需要在软件里面配置即可 ?...账号,我们在GitHub.com 上登陆好自己的账号 然后创建项目,并设置成私有,这里都不赘述,关于git 和github的使用可以看这篇文章, 配置博客 通过BlogHelper 自动发布到网站 下载下来配置好自己要发布的网站之后进行发布...script type="text/javascript"> window.location.href="https://www.cnblogs.com/shoufu/"; //配置自己博客园地址...通过DNS解析直接访问博客园 我们在阿里云上面配置一个隐性URL 解析就行,在DNS 解析里面设置,然后就可以正常访问。 ? 截至我们的博客就搭建完成了,如果部署中有问题请联系我微信,或者邮箱

    1K73

    搭建个人博客

    博客的开始 其实,一切都是为了更好的装逼。好吧,我着相了。 最开始想做一个自己博客,主要是因为看到了很多人都有,觉得自己没有太 Low 了。...于是申请了 CSDN 的用户,但是太丑了,于是又申请了博客园,感觉这些都不是我想要的,而做为一个 Emacser 不使用 Github 搭建一个自己的博客,感觉就已经落伍了。...于是就有这最初的一个,相当简陋的利用 Emacs 的 Org-mode 搭建的博客,后来看了 Org-page 这个包,但是,我配置不好啊!为什么为什么!...博客的生活 我很喜欢调试自己的博客,但是写博客就不是那么喜欢了,但是我希望能养成一个定期写博客的习惯。...ox-hugo 配置 使用 ox-hugo 主要需要配置两个内容,一是将 ox-hugo 增加到配置中,然后是在 启动 org-capture 的时候,增加一个新的选项,可以将自动新增一篇文章。

    1.1K20
    领券