小编bre*_*ite的帖子

感谢您抽出宝贵时间查看我的求助请求.

我一直在使用gh-pages来构建静态站点的构建,并且在整个构建过程中,服务器对我来说都很棒!

虽然我通过PHP代码将HTML网页表单提交到我的电子邮件时似乎有问题.当我提交到gh-pages服务器时,我收到此错误消息" 405 not allowed ngix ".我一直在四处寻找答案.首先,我发现我的代码中有一些小错误,我修复了.然后我再次使用正确的代码提交给服务器,仍然从gh-pages服务器收到相同的消息."405不允许使用ngix"这让我相信gh-pages服务器不支持任何PHP代码.

我发现了一些关于gh-pages服务器不支持PHP的信息.如何在github上发布.php页面而不是.html来演示一些php内容？

服务器端包括替代方案

PHP运行在gh页面上吗？或不？

如果没有,那么我知道我身边的一切都是正确的,我不应该担心,因为当我真正部署这个网站时,我将使用支持PHP的服务器.

这是我当前的版本,因此您可以测试我的问题. http://kapena.github.io/pp_web/#contact-pp

当我将表单提交给服务器时,这就是我得到的.

在此Codepen中, 每个圈子都需要转换为新的配置800px.我正在寻找的配置是在页面中居住circle1并且circle2仍然居中,并且circle3在圆圈1和2下方.为了清晰起见,下面的图像显示了我希望圆圈结束的方式.

HTML:

<div class="circles">
  <div class="circle1">
    <a id="projects" href="#">Projects</a>
  </div>

  <div class="circle2">
    <a id="about" href="#">About</a>
  </div>

  <div class="circle3">
      <a id="contact" href="#">Contact</a>
  </div>
</div>

正如你在屏幕截图中看到的那样,我能够转换circle1并circle2稍微向左移动circle3,同时也在下方移动circle1并circle2告诉circle3移动left: -150px.

但是circle3也没有想留在他的位置,当他移动.因此,如果我将他滑下来,我们显然会向左下方滑动.无论我移动到哪里circle3,当我将视口移动到更小的尺寸时,他都会继续移动.

这是我的媒体查询,告诉圈子在以下时移动800px:

@media (max-width: 800px) {
  .circles {
    width: 80%;
  }

  .circle1, circle2 {
    left: 20%;
  }

  .circle3 {
    left: -150px;
  }
} …

我正试图通过使用眼镜将Sassy Modular Scale项目纳入我的构建中.通过npm install modularscale-sass --save-dev在我的项目目录中执行命令,我能够通过终端获得Modular Scale .

然后我看了看我的package.json,我看到它"modularscale-sass": "^2.1.1"已添加,在我的目录中,我可以访问目录下的node-modules文件.都好!然后,模块化比例的文档指示我@import 'modular-scale'在我的main.scss文件中.

现在我运行gulp watch并编辑一些随机的css,看看gulp是否抱怨任何错误,我得到一个抛出错误说

Error: src/scss/main.scss 6:9 要导入的文件未找到或不可读: modular-scale

我知道这种情况正在发生bc gulp不知道在哪里可以找到,modular-scale因为眼镜可能没有设置正确的atm.

protfolio/ 
|
|-- dest/
|    |-- /js
|    |-- /css
|
|-- node_modules
|   |-- modularscale-sass
|   | .. 
|
|-- src/
|    |-- /js
|    |-- /scss
|        |-- /modules
|            |-- .. 
|        |-- /partails
| …

在尝试使用粉笔这是一个终端字符串样式包时,我在iTerm2中看到任何结果都没有运气.我按照安装软件包的所有步骤进行了操作,但是当我console.log("hello");在chalk.js文件中运行基本文件时,我没有看到任何彩色字符串结果.

这就是我在做的事情.

#!/usr/bin/env node
var chalk = require('chalk');
chalk.blue('Hello world!');
console.log("hello");

然后在iTerm2我运行node chalk.js,我看到没有彩色的字符串只是飞机老无聊的灰色..

谁知道我在做错了什么？

https://www.npmjs.com/package/chalk

我遇到的问题是当我向.images容器添加四个图像时justify-content:center,我应用于在页面上水平居中图像的属性不起作用.

然而,当我在.images容器内只有两个图像时,我将图像水平居中.

我已经能够找到一种解决方案,通过使用容器text-align上的属性水平居中图像.images.这感觉有点像黑客.

代码笔

HTML

<div class="proj_images">
    <div class="images">
        <img class="disp1" src="http://placehold.it/450x350.png" alt="">
        <img class="disp2" src="http://placehold.it/450x350.png" alt="">
        <img class="disp3" src="http://placehold.it/450x350.png" alt="">
        <img class="disp4" src="http://placehold.it/450x350.png" alt="">
    </div>
</div>

CSS

.proj_images{
    display: flex;
    width:100%;

}

.images{
 text-align:center;
}