I have made a sample frontend simple React App for displaying Movie Names Available on Internet By searching your preferred movie Name. It uses the ImDb API to get perfect results. Initially it runs on the local host and display the correct output that I want, but after uploading the File to github and connecting it to Github Pages, it just displays WHite Display.
1.I made the initial App using node "create-react-app" command.
2.Then edited and coded the files I needed changes in.
3.After testing it for local host working correctly, Ran the command "npm build run"
4.Uploaded the build Files in the Github Repo "https://github.com/AryamanAdivyaSingh47/movie-display.github.io".
5.Did the Github Pages thingy and got Website url "URL"URL
And I get the Blank Page .
Please Help
I have the problem with relative links to a specific file not working at all both on gh-pages and on jekyll locally. Here is my setup->
i have a directory like this:
/
README.md
README.ja.md
and I do a link like [english](README.md) and [japanese](README.ja.md) both links work on github.com (where they render the README below the code directory structure), but DO NOT work on gh-pages. I tested jekyll locally and it also DOES NOT work. If I move the directory structure around like
/
README.md
japanese/
..README.md
this will work... the link has to change to .[japanese](./japanese/)
I can also make this work on the original directory structure at the top if I do links like this->
[japanese](README.ja) (no more .md)
but then it will NOT work on the normal github.com b/c its not a valid link (since the file README.ja does not exist)
I have tried multiple attempts on jekyll locally, the only one that seems to work is removing the .md, but then it won't work on github
here is my _config file
theme: jekyll-theme-dinky
exclude:
- "*.yml"
- "*.yaml"
plugins:
- jekyll-relative-links
relative_links:
enabled: true
collections: true
I want it to actually render versus just load the un-rendered website :( https://ipvsean.github.io/workshops/exercises/ansible_rhel/1.2-adhoc/japanREADME.md
Have you tried changing README.ja.md to README_ja.md? And having them both at the root directory.
fixed with this commit https://github.com/IPvSean/workshops/commit/17f52069a9f7ae5582b1202092dc75e140400058
basically this was original
[![japan](../../../images/japan.png) 日本語](README.ja).
and this is what will work
![japan](../../../images/japan.png) [日本語](README.ja).
trying to do something fancy like linking the image as well as the text Japanese made the relative link in Jekyll fail, as soon as I just placed the image next to it, it will work. This made me pull my hair out.
I'm new to Github and this is the second time I'm trying to upload a project and I get the same result; The page seems to show the readme file and nothing else. I have tried using the master as well as gh-pages branches and nothing changed. I'm really not sure what I'm doing wrong and would be grateful if I get my first answer in Stackoverflow here. repo: https://github.com/Syknapse/RGB-Color-Changing-Game
Maybe it's because the outer directory which your initial URL refers to contains only the Readme.md.Your HTML file to be displayed is in the folder RGB Game files.I would suggest you to either bring your static files in the outermost directory or change the name of your directory into something url friendly(read not containing spaces) and then enter the 'URL/filename'.
I have a README.rst page on GitHub but I am unable to specify the size of the linked images and really I don't want to include them in my repository.
See https://github.com/pycontribs/jira
Somethink like this was supposed to work, but GitHub seems to ignore the width parameter.
.. image:: http://blog.jetbrains.com/pycharm/files/2015/12/PyCharm_400x400_Twitter_logo_white.png
:width: 100px
Any solutions or workarounds?
It looks like GitHub is intentionally stripping images sizes. The do appear, however, to support embedding raw HTML (reST docs). If that still doesn't work, I'd resize the image files.
This is still an Open issue Gitlab side:
https://gitlab.com/gitlab-org/gitlab/-/issues/24212#note_496673044
And can be found several version of this issue on other closed gitlab issues: e.g. https://gitlab.com/gitlab-org/gitlab-foss/-/issues/28294
I migrated with a project from Bitbucket to GitHub and I cannot find a way to attach a file to an issue (ex: screenshot, specs, etc).
How to do it?
You upload it somewhere and add the link in a comment. GitHub's Issues is rather primitive and doesn't allow attaching files.
Update: You can post images to GitHub issues now. The easiest way is to copy the image (right click, Copy image) and then paste it into the text box where you describe the issue.
OR
Just drag and drop
As of December 7, 2012, you can attach images by drag/drop or use a file chooser. See https://github.com/blog/1347-issue-attachments for more details.
To attach a file to an issue or pull request conversation, drag and drop it into the comment box.
The maximum size for files is 25MB and the maximum size for images is 10MB.
ZenHub.io Chrome plug-in will enable you to add any type of file to a github issue. It's stored on ZenHub's AWS server instead of github.com. From their website...
GitHub only allows you to upload image files. ZenHub adds the ability
to upload any type of file into issues and comments, transferring
securely to Amazon S3. With this you can really take your workflow to
the next level; try using GitHub for everything! Centralized
collaboration and transparency are awesome.
Update:
As of 11/03/2015 you can now upload these types of files to github without any extension or plug-in: PNG, GIF, JPG, DOCX, PPTX, XLSX, TXT, or PDF
As an illustration of the previous answers, see this comment:
I create a repository called catfood http://github.com/blueheadpublishing/catfood/ where I keep misc stuff (like screenshots and other attachments).
That way I can reference them in issues.
See https://github.com/blueheadpublishing/bookshop/issues/10
Some images showing the types of layout templates we want to have generated by templates:
Example One - Three Percentage Columns
Example Two - Two Percentage Columns Left
Example Three - Two Percentage Columns Right
Back in 2009, GitHub expressed the intent to add attachment to issues.
Attachments are something we'd like to add.
That topic wasn't raised since in the GitHub group though...
The format for embedding images into a GitHub comment is:
Format: ![Alt Text](url)
Example: ![GitHub Logo](/images/logo.png)
Use gist.github.com to upload any contents like code, log, html files etc. and share the link.
It's a bit of a kludge but you could create a junk branch, then commit the file to that branch and purge it later.
EDIT: This script may be of use to you:
https://github.com/wereHamster/ghup
I found an easy way to embed images in issues using Skitch. Just set up Skitch sharing and auto-copy the URL to the clipboard. Then paste it in when writing up the issue. I blogged about it here.
One quick/easy hack is to upload your attachment (say PDF or Office doc) to Dropbox, then include the Dropbox URL in the Github issue.
Mildly easier than using S3; many organizations are already using Dropbox; and Dropbox has good support for viewing many documents inline in the browser already.
8 years later (Dec. 2020), you can not only drag and drop images to PR/issues, but also... videos!
And in May 2021, this is now generally available.
Video upload public beta
You can now upload .mp4 and .mov files to issue, pull request, and discussion comments to share reproduction steps, design ideas, and experience details with your team.
The public beta will gradually rollout to all GitHub accounts over the coming week.
OK, here's what I use for screenshots.
http://www.techsmith.com/jing.html
It's free, fast, automatically uploads the image and pastes a URL link to your clipboard which you can Ctrl-V into the GitHub issue instantly.
It was a big sigh of relief when I discovered this :)
If your image is already uploaded to github, then you can attach raw link to issues. For example, if your image's location in github is:
https://github.com/Qlio/someproj/blob/master/assets/image.png
then you can can change blob to raw like this:
https://github.com/Qlio/someproj/raw/master/assets/image.png
and then you can use this link to show image:
![My cool Image](https://github.com/Qlio/someproj/raw/master/assets/image.png)