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

为了实践微前端,重构自己导航网站

笔者早期开发了一个导航网站,一直想要重构,因为懒拖了好几年,终于,在了解到微前端大法后下了决心,因为工作上一直没有机会实践,没办法,只能用自己网站试试,思来想去,访问量最高也就是这个破导航网站了,于是用最快时间完成了基本功能重构...,然后准备通过微前端来扩展网站功能,比如天气、待办、笔记、秒表计时等等,这些功能属于附加功能,可能会越来越多,所以不能和导航本身强耦合在一起,需要做到能独立开发,独立上线,所以使用微前端再合适不过了...主应用 主应用也就是导航网站,首先安装qiankun: npm i qiankun -S 主应用需要做很简单,注册微应用并启动,然后提供一个容器给微应用挂载,最后打开指定url即可。...把--name参数由之前${name}改成写死comp即可,打包结果如下: exports对象结构变成如下: 然后我们就可以通过comp名称来应对任何组件comp.value = exports.comp.default...当然,小程序关闭时候不要忘记删除添加样式节点。 总结 本文简单尝试两种网站功能扩展方式.

55320

都2022年,还没有自己博客网站

之前我博客是基于Hexo+GitHub Pages实现,也就是说由GitHub来承载静态代码和页面的展示,也就是通常看到xxx.github.io形式,当然也可以自己更换域名。...页面比较多,这里就不占用太多篇幅。大家根据今天文章搭建成功就会拥有一个类似的博客网站了,是不是想想都迫不及待呢。...购买完成之后,就可以在控制台看到自己服务器,然后远程登录,修改下密码,我们服务器就准备好了。 0.2 域名准备(可选) 接下来我们给自己博客选购一个体面的域名。...只要是远端仓库就行嘛,那只要我在我服务器上高搞一个我自己私有仓库不就可以。 没错,就是这个原理。但是在建私有仓库之前,我们先来搞定本地环境,培养一下成就感。不然容易直接放弃(手动狗头)。...依次执行下面的命令: hexo g hexo d # 可能会让你输入服务器密码 当你看到类似下面的信息时候,就意味着推送成功: 恭喜你!拥有一个个人博客网站了!

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

    网站打不开被攻击怎么解决

    最近我网站流量呈上升趋势,经常被同行恶意攻击,但是我网站还是没有垮,我就详细给遇到和我同样问题朋友们分享我网站到底是如何防御住黑客攻击,因为正常情况下,我们客户端发送请求到达服务器端,如果你服务器没有处理好高频并发访问的话...,很有可能被别人攻击,一旦被攻击之后,有可能你服务器会瞬间CPU标高,标高之后,整个服务器直接瘫垮了,那我们到底应该怎么去防御这种情况。...,他是先到达高防服务器,高防他们防御这些流量攻击,防御好了之后会直接路由转发到你真实服务器,因为流量攻击它一般打的是IP,我们不能把我们真实IP告诉给这个黑客,因为正常我们在做dns解析时候,是把我们真实...IP直接告诉给这个黑客,那黑客他直接打这个真实IP,导致你真实IP带宽不足,带宽不足之后瞬间导致正常用户和访问,所以我们就会在中间做一些高防服务器,高防服务器它会隐藏到我们真实IP,那这样的话别别人再怎么打...,打的不是我们服务器打的都是别人高防服务器,而高防服务器会帮他做防御,所以一般情况下我们创业真的买服务器是不是最贵,买高防服务器那才是最贵,建议大家可以用CDN去阻挡DDOS攻击,如果还是无法抵御不住攻击的话可以向网站安全公司

    2.9K30

    网站被大量CC攻击 导致网站打不开处理解决

    逢年过节时候我发现有一些不太对,网站数据库只有一打开没多久就宕掉。...再一次怀疑公司网站服务器或者是mysql网站数据库或dedecms源代码有毛病,也许是被黑客恶意攻击。...在自己电脑win10系统里用phpstudy安装了PHP网站运行环境,把dedecms和mysql备份文件也导入了进去,本地访问127.0.0.1打开后,网站都是正常可以打开,浏览新闻以及图片也都是正常...无论如何,公司网站恢复网站打开速度依然飞快。此次网站安全事故一共花去我最少十个钟头开展维护,相等于我好几天年假。...我仅仅是记录一下解决问题过程,希望能帮到更多遇到网站被攻击打不开情况朋友,根据我上面分析,以及解决思路来进行处理。

    2.9K20

    GitPages部署自己网站

    前言 该文章主要为了记录我如何在GitPages上面部署博客网站,这里的话,码云上面也有相同功能。 若有小伙伴担心GitHub担心把中国访问也禁的话(大概不会吧),可以在码云上面部署。...流程应该是差不多。 因为我使用域名是.cn后缀,所以部署到GitHub上面就不用备案。码云是国内,应该要备案,这个就看各位小伙伴选择。...可以看看我网站: https://colablog.cn/ 开始 第一步,安装工具 我们需要创建一个空项目,怎么创建呢?...以后咱们创建文章就很简单,新建并且编写好文章之后,执行使用部署到服务器命令就Ok。...嗯,没错,我说是部署GitPages。 如果你也是跟着我这篇文章一步一步走的话,应该是没什么毛病,因为我是自己重新部署一个项目的, 然后一步一步把步骤记录下来

    1.5K40

    自己购买域名如何建设网站?如果设计属于自己网站

    为了可以让工作,生活,娱乐变得更加简单,越来越多人选择建立自己网站。对于专业人士来说,他们如果想要建立一个网站是非常简单操作,但是对于不熟悉却又需要网站的人来说,这个操作是比较困难。...自己购买域名如何建设网站 对于时间和资金都充足的人群来说,如果他们需要拥有一个属于自己网站,最好,最简单办法就是花钱去找专业团队。...当然,那些没有这些条件也不要着急,仔细看下面的讲述,你也可以自己动手。对于新手,第一步需要在上线官网去注册一个属于自己账号,接着就是创建网站,选择自己心仪模板。...模板这里需要点击编辑页面,然后点击添加模板,在这里有很多不同模板,大家可以凭借自己喜欢来进行设计。 如果设计属于自己网站 在选择好模板之后,就可以直接进行添加文字操作。...总得来说,自己购买域名如何建设网站还是比较简单,即便是小白,只需要观看上面的步骤,就可以设计出一个属于自己网站,再也不需要去麻烦别人或者是花费金钱去制作网站

    6.6K20

    自己网站实现Heatmap

    Heatmap,已经有网站提供此类服务,如:clickdensity,clicktale,crazyegg等等,甚至还有类似clickheat项目提供源代码供你直接使用。...不过最灵活方案莫过于自己搞定,下面大概说说Heatmap实现: 捕捉点击 当然,这需要Javascript来实现。...比如说,一个居中显示定宽页面,其同一个位置在不同分辨率下坐标是不同,当渲染图片时候,坐标需要以一个分辨率为准进行修正。 另外,如果用户正在拖动滚动条,是不应该记录。...,是使用MongoDB或者别的,自己定夺,这里就不多说了。...最终展示 形象一点来说,其实就是通过CSS+Javascript把生成图片盖在网页上,并调节图片透明度来达到合二为一效果,篇幅所限,具体代码留给大家自己实现,例子效果可参考下图: ?

    50830

    为什么网站在使用CDN加速后打不开

    随着互联网发展,越来越多网站开始使用CDN来提高网站访问速度和稳定性。然而,在实际使用中,一些用户会遇到CDN加速后打不开网站问题。...下面,我们来和青云资源网探讨一下这个问题原因和解决方法。 首先,可能是DNS解析问题。使用CDN后,原有的DNS解析可能无法正常工作,从而导致无法打开网站。...在某些情况下,CDN节点可能会出现故障或者网络不稳定,从而导致网站无法正常访问。此时,建议切换到其他CDN节点或者联系CDN服务商寻求帮助。 另外,可能是防火墙问题。...某些防火墙设置可能会阻止CDN节点访问,从而导致网站无法正常打开。这时候,可以尝试关闭防火墙或者更改防火墙设置来解决问题。...总之,如果在使用CDN加速后出现无法打开网站问题,需要通过诊断问题原因来寻求解决方案。在实际使用中,建议选择稳定可靠CDN服务商,并根据实际情况进行设置和调整,从而最大化地发挥CDN加速优势。

    7.3K40

    自己编程语言实现一个网站(增强版)

    gscript08-min.jpg 前言 前段时间在《用自己编程语言实现一个网站》用介绍用 GScript 写一个简单“网站”,虽然是打上引号;页面长这样: GScript-index.jpg...看起来确实非常挫,其实之前一直也想做一个 GScript 在线 playground ,于是国庆期间学了一点 皮毛 Vue 加上老弟帮忙(他是前端开发),最终完成了下面这个网站: https:...版本更新 为了能实现上述需求,所以本次也更新 GScript 版本,新增一些内置 API。...编译错误 除此之外也新增一些易用功能,比如现在提供更友好编译错误信息: 运行时错误 运行时异常现在也有对应提示: 只不过目前显示还不太友好,打印堆栈还是 Go ,之后会优化为只显示 GScript...总结 有在线 playground 后使得对 GScript 感兴趣门槛更低了一些,欢迎大家试用。 ---- 经过最近几个版本迭代,GScript 也逐步完善,基本完成了第一版本需求。

    31120

    Hugo + GitHub Pages 搭建自己网站

    既然博文都保存在 GitHub 上,怎么方便快速基于 GitHub 来搭建自己博客呢?(有些人直接就让在 GitHub 阅读,虽然可以,但体验还是不太好,而且看起来没有那么高大上,是不是?)...默认会将生成静态页面放入 public 目录中。 关于 Hugo 更多定制,比如 theme 定制,这里不过多讲解,有兴趣自己琢磨。...GitHub,通过 GitHub Pages 可以弄出一个自己站点。...2)方法二 Hugo 源网站内容单独放在一个仓,比如我放在 https://github.com/polaris1119/polarisxu 这个仓库。这样分两个仓库相对麻烦先。.../polarisxu/ 04 总结 技术人员搞个自己博客还是不错,开始时花些时间折腾一个自己喜欢站点,之后就是抽时间产出内容

    1.4K30

    自己网站添加看板娘

    简单添加看版娘到自己网站 我们先来看一下我们网站会变成什么样吧! http://www.djyqxbc.vip (官网)注意左下角。...主要文件我已经放在网盘,文后有链接哦。 image.png 然后访问本地这个网站,我们就可以看见自己看板娘。...或者在当前文件夹中,我们已经有写好网站页面,那我们只需要添加这段代码在我们当前网站代码中,就能引入看版娘。 <!...那我不想调用其他人接口,我就想要调用自己看板娘接口。 image.png 如图,这些就是我们看版娘接口。 那要如何布置到我们自己网站呢?...来看我们上一篇文章中提到部署iis配置php环境文章。 windows IIS+php配置教程 按照这篇文章所写配置php环境,新增一个网站,将网盘中文件复制到你网站下,便部署看版娘接口

    1.9K20

    免费搭建属于自己博客网站

    我是木荣,今天分享给大家如何免费搭建属于自己博客网站。之前也帮别人搞过网站,但是一直没有去实际行动建一个自己博客网站,这次心血来潮就测试了一把,还是不错。...可以当做自己一个记录、分享知识地方吧。 Hexo是一款基于Node.js静态博客框架,可以方便生成静态网页托管在GitHub和Coding上,是搭建博客首选框架。...node.js官网:https://nodejs.org/en git官网:https://git-scm.com/ 1. hexo安装 新建保存网站文件根目录MyBlogSite,通过git bash...更新 每次更新主题或配置后重新执行以下命令: hexo clean hexo g hexo d 小结 按照以上步骤就建立了属于自己博客网站,这样有一点需要说明网站地址是固定。...需要的话可以购买域名设置属于自己个人博客网址。购买域名方法可以去阿里云或腾讯云上购买,此处就不做过多说明,也不贵。有兴趣小伙伴可以搞起来! ----

    2.2K50

    Linux在线搭建自己文档网站

    1. teedoc 简介 一款用 Python 写文档网站生成工具,支持从 Markdown 或者 jupyter notebook 转换成 HTML,支持多文档,多语言,支持自定义页面等功能 效果和文档...neutree/teedoc (欢迎 star) 文档源文件: github.com/teedoc/teedoc.github.io 将 Markdown 或者 Jupyter Notebook 格式文档转换为...the docs, docusaurus,docsify,gitbook等等 teedoc使用了 Python 作为开发语言,足够简单易用,要做自定义也很简单, 前端也只用了一个jquery,没有其它复杂框架...特性 使用简单, 跨平台,只依赖 Python3 部署简单, 生成网站是全静态页面,直接拷贝到服务器或者上传到三方机构即可部署 书写简单,使用 Markdown 语法编写 Jupyter notebook...安装 安装之前需要python3环境,如果没有的同学可以看此文章 Linux在线安装python3_余生大大博客-CSDN博客1.

    4.5K50

    利用WordPress搭建属于自己网站

    怎么用WordPress给自己搭建了一个网站?可能很多人都想拥有属于自己网站,这篇文章就找你怎么利用WordPress搭建属于自己网站。...如果你也正好有搭建个人网站想法,那么本文会给你一个参考,我尽量写比较详细,给自己做一个记录,也给大家一个参考。...此时你看到这个网站,是wordpress默认为你安装免费主题(应该有三个),可能并不是那么好看,但没关系,后面你可以自己挑选一个自己合适主题,把你网站装扮得有模有样。...为此我们需要做两件事: 安装主题:让网站变得好看 安装插件:丰富网站功能 安装主题 同样都使用WordPress网站,外观上却天差地别。有的很酷炫,有点很简约,这是因为选不同主题。...图片 原文链接:利用WordPress搭建属于自己网站

    1.3K40

    自己网站需要考虑问题

    回到正题,所以其实编程笔记认为最重要一个方面就是自己动手能力是否足够,换句话说就是能否折腾代码,是否懂运营,以及至少什么是域名和服务器,以及只是简单做博客网站,还是想要做资讯,以及电商或其他功能或行业性网站...至于做网站需要考虑哪些问题,一两句话其实也说不明白,网站类型不一样也会有很多差别,以及每个人需求和追求目的都不一样,很难以偏概全,所有编程笔记就依次来分享一下建站整体流程,梳理一下思路,希望可以帮助到想要自己建站朋友们...1.网站定位,明确搭建这个网站目的,是想要做成什么样子,需要有哪些功能,想利用这个网站做些什么,是分享自己写作内容,还是个人作品展示。...7.内容运营,当网站上线后最迫切需要就是配置好网站所有基础信息,并且需要做长期内容运营,个人博客就该要好好写写内容,企业展示网站就要做好公司简介描述,产品和服务之类发布,新闻资讯网站就更需要坚持每天发布内容...,程序方面的优化和改进那都是其次,只有当你真正建立起来网站后才是真正开始。

    2.4K30

    自己网站需要考虑问题

    回到正题,所以其实编程笔记认为最重要一个方面就是自己动手能力是否足够,换句话说就是能否折腾代码,是否懂运营,以及至少什么是域名和服务器,以及只是简单做博客网站,还是想要做资讯,以及电商或其他功能或行业性网站...至于做网站需要考虑哪些问题,一两句话其实也说不明白,网站类型不一样也会有很多差别,以及每个人需求和追求目的都不一样,很难以偏概全,所有编程笔记就依次来分享一下建站整体流程,梳理一下思路,希望可以帮助到想要自己建站朋友们...1.网站定位,明确搭建这个网站目的,是想要做成什么样子,需要有哪些功能,想利用这个网站做些什么,是分享自己写作内容,还是个人作品展示。...7.内容运营,当网站上线后最迫切需要就是配置好网站所有基础信息,并且需要做长期内容运营,个人博客就该要好好写写内容,企业展示网站就要做好公司简介描述,产品和服务之类发布,新闻资讯网站就更需要坚持每天发布内容...,程序方面的优化和改进那都是其次,只有当你真正建立起来网站后才是真正开始。

    2.2K40
    领券